最近因为项目需要用到国外的地图,所以研究了一下地图,发现支持国外的就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);
}
});
}