一个GoogleMaps JavaScript API V3版的demo

JerryXia 发表于 April 14, 2013 , 阅读 (2,432)

最近在看一些.NET方面的书籍，为了加深对ASP.NET的理解，今晚就把自己之前基于.NET FrameWork开发的ZenBlog重新浏览了一遍，看看能不能基于目前所学的知识再优化一下，其中顺手点到了自己的联系我的页面，结果看到了来自网页的提示，说我引用的GoogleMaps API js版本过低，让我升级。。。。- -！

由于我之前采用的是V2，没办法，既然看见了，只能去google的developers页面看一下高版本的js api了；初步看了一下，发现一个好处是js V3版的不需要key，这是我暂时发现的最好的地方了 ^_^ ，接下来我写了一个demo，可以定位到我的住址了。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>
<script type="text/javascript">
    function init(){
        var latlng = new google.maps.LatLng(31.2091234,121.628634);
        var mapOptions = {zoom:9,center:latlng,mapTypeId:google.maps.MapTypeId.ROADMAP};
        var map = new google.maps.Map(document.getElementById("map"),mapOptions);
        var myMarker = new google.maps.Marker({position:latlng,map:map,title:"你好啊，点击我！"});
        google.maps.event.addListener(myMarker,"click",function(){
            map.setZoom(16);
            map.setCenter(myMarker.getPosition());
        });
    }
    google.maps.event.addDomListener(window, 'load', init);
</script>

效果见联系我的页面

[ GoogleMap ] [ Js ]

添加新评论