2015年最新google地图可用API
2015-10-13 16:58
721 查看
最近因为项目需要用到国外的地图,所以研究了一下地图,发现支持国外的就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 googla9b6e.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);}});}
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 谷歌正式开始补偿Nexus 6P重启门和电池门用户:最高赔400美元
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- Google地图更新澳洲航拍图
- 谷歌地图支持街景地图
- 谷歌巴西街景地图发现尸体照片
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法