2015年最新google地图可用API

最近因为项目需要用到国外的地图,所以研究了一下地图,发现支持国外的就google和bings要好点,国内的地图都被轰成渣了,bings用起来没什么问题,但是相比google还是差了许多,然而悲剧的是谷歌被天朝给。。。。,以前的js库都用不了了,几经寻觅,终于发现了一个活口。

JS库:

<script src="http://ditu.google.cn/maps/api/js?key=API_KEY&signed=true&callback=initMap" async defer></script>

注意结尾有一个callback=initMap表示在库文件加载完成后调用这个函数


HTML:

<div id="google-map" style="width:1200px; height:400px;"></div>

JS:

function initMap() {
        //更具用户的ip地址查询用户的地址
        var userAddr = '美国';
        //地址与经纬度解析
        geocoder = new google.maps.Geocoder();
        var map = new google.maps.Map(document.getElementById('google-map'),{zoom:4,center:{lat:-25,lng:131}});
        marker = new google.maps.Marker({
            position:map.getCenter(),
            map:map,
            draggable:true
        });

        geocoder.geocode({'address':userAddr}, function(results, status){
            if( status === google.maps.GeocoderStatus.OK) {
                map.setCenter(results[0].geometry.location);
                marker.setPosition(results[0].geometry.location);
            }else{
                alert(status);
            }
        });
}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值