谷歌地图开发之内嵌谷歌街景图示例

  谷歌地图开发之内嵌谷歌街景图示例,详细说明

<!--谷歌地图容器-->
<div id="map" style="display:none"></div>
<!--谷歌街景图容器-->
<div id="pano" style="height:600px"></div>
<script>
     var ggKEY = "AIzaSyCiboy-2IeBrXLjKFSl8Reot7wM55dyKXE";//谷歌地图key,需要翻墙到谷歌官网申请,这个key设置了引用来来,公布出来你们也用不了的的,^_^

    //https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&reusekey=true&hl=zh-cn&pli=1
    function initMap() {
        var lat = 51.38140010075845, lng = -2.3596098454418097;//经纬度
        var fenway = { lat: lat, lng: lng };
        var map = new google.maps.Map(document.getElementById('map'), {
            center: fenway,
            zoom: 14
        });
        var panorama = new google.maps.StreetViewPanorama(
            document.getElementById('pano'), {
                position: fenway,
                pov: {
                    heading: 34,
                    pitch: 10
                }
            });
        map.setStreetView(panorama);
    }
    document.write(' <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false&language=zh-CN&region=CN&callback=initMap&key='+ggKEY+'"><\/script>')
</script>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:谷歌地图开发之内嵌谷歌街景图示例

评论(0)Web开发网
阅读(34)喜欢(1)JavaScript/Ajax开发技巧