一个GoogleMaps JavaScript API V3版的demo

JerryXia 发表于 , 阅读 (2,498)

最近在看一些.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>

效果见 联系我的页面

添加新评论