google 获取位置信息

最新推荐文章于 2021-04-13 16:36:19 发布
最新推荐文章于 2021-04-13 16:36:19 发布
阅读量953 收藏 1
点赞数
分类专栏： map

最近需要用到Google地图，整理下：

官方文档地址：http://code.google.com/intl/zh-CN/apis/maps/documentation/javascript/basics.html

html代码：

[xhtml]  view plain copy
  1. <body onload="initialize()">  
  2. <div id="map_canvas"></div>  
  3. <div id="content" style="display:none;" mce_style="display:none;" ><span id="loca"></span><br />  
  4.   <span id="addr"></span></div>  

JavaScript代码：

[javascript]  view plain copy
  1. <mce:script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" mce_src="http://maps.google.com/maps/api/js?sensor=false"></mce:script>   
  2. <mce:script type="text/javascript"><!--  
  3. var map;  
  4. var marker;  
  5. var infowindow;  
  6. var geocoder;  
  7. var markersArray = [];  
  8. var content = document.getElementById("content");  
  9. var loca = document.getElementById("loca")  
  10. var addr = document.getElementById("addr")  
  11. function initialize() {  
  12.     geocoder = new google.maps.Geocoder();   
  13.     var latlng = new google.maps.LatLng(28.212651557421317,112.94564378840637);  
  14.     var myOptions = {  
  15.         zoom: 9,  
  16.         center: latlng,  
  17.         navigationControl: true,  
  18.         scaleControl: true,  
  19.         streetViewControl: true,        
  20.         mapTypeId: google.maps.MapTypeId.ROADMAP  
  21.     };  
  22.     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  
  23.       
  24.     google.maps.event.addListener(map, 'click', function(event) {  
  25.         placeMarker(event.latLng);  
  26.     });  
  27.   }  
  28. function placeMarker(location) {  
  29.     clearOverlays(infowindow);  
  30.     marker = new google.maps.Marker({  
  31.         position: location,   
  32.         map: map  
  33.     });  
  34.     markersArray.push(marker);  
  35.       
  36.     var _cs = [];  
  37.     _cs[_cs.length] = "坐标为：";  
  38.     _cs[_cs.length] = location.lat();  
  39.     _cs[_cs.length] = ",";  
  40.     _cs[_cs.length] = location.lng();  
  41.       
  42.     loca.innerHTML = _cs.join("");  
  43.       
  44.     if (geocoder) {  
  45.       geocoder.geocode({'location': location}, function(results, status) {  
  46.         if (status == google.maps.GeocoderStatus.OK) {  
  47.           if (results[0]) {  
  48.             addr.innerHTML = " 地址为：" + results[0].formatted_address;  
  49.           }   
  50.         } else {  
  51.             alert("Geocoder failed due to: " + status);  
  52.         }  
  53.       });  
  54.     }  
  55.       
  56.     content.style.display = "";  
  57.    
  58.     infowindow = new google.maps.InfoWindow({     
  59.         content: content,  
  60.         //size: new google.maps.Size(50,50),  
  61.         position: location  
  62.     });  
  63.     infowindow.open(map);  
  64.  }  
  65.    
  66.   // Deletes all markers in the array by removing references to them  
  67. function clearOverlays(infowindow) {  
  68.     if (markersArray) {  
  69.         for (i in markersArray) {  
  70.             markersArray[i].setMap(null);  
  71.         }  
  72.         markersArray.length = 0;  
  73.     }  
  74.     if(infowindow){  
  75.         infowindow.close();  
  76.     }  
  77. }  
  78. // --></mce:script>  

 

附完整例子下载地址：http://download.csdn.net/source/2868497

mengzhengjie
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Google Map API获取地理位置信息
05-08
Google Map API获取地理位置信息 根据地点获取经纬度坐标 处理Google MAP返回的多个数据。
Android手机利用谷歌的API服务，精准获取当前的位置坐标
06-23
Android手机利用谷歌的API服务，精准获取当前的位置坐标。
从google的json接口获取地理位置信息的Java代码
twoicewoo的专栏
05-24 3147
转自：作者：lizongbo 发表于：22:55. 星期四, 五月 5th, 2011  版权声明：可以任意转载，转载时请务必以超链接形式标明文章原始出处和作者信息及本版权声明。 http://618119.com/archives/2011/05/05/209.html 从google的json接口获取地理位置信息的Java代码 google 提供了公开的接口，通过，
如何获取用户当前详细的地理位置
weixin_34029680的博客
07-12 2454
如何获取用户当前详细的地理位置 一、总结 一句话总结：第三方API和js中geolocation。   1、google地图API教程地址？ Google API 教程 | 菜鸟教程http://www.runoob.com/googleapi/googleapi-tutorial.html 或者直接百度 google地图中文api       二、如何获取用户当前详细的地理位...
google 通过地址获取 坐标信息
weixin_33928137的博客
10-08 382
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML5实现获取地理位置信息并定位功能
09-28
主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下
Android获取位置信息
04-13
在Android系统中，获取位置信息是一项关键功能，它允许应用为用户提供基于位置的服务，如导航、天气预报等。Android提供了多种API和类来获取位置数据，主要通过Android Location API和Google Play服务的Fused ...
Android获取位置信息的方法
01-20
本文实例为大家分享了Android获取位置信息的具体代码，供大家参考，具体内容如下 1.位置服务的简介:位置服务,英文翻译为Location-Based Services，缩写为LBS，又称为定位服务或基于位置的服务，融合了GPS定位、移动...
Android GPRS获取位置信息DEMO
06-20
在Android开发中，获取位置信息是一项常见的功能，尤其在移动应用中，用户可能需要知道自己的实时位置以便导航、查找附近的兴趣点或者进行其他基于位置的服务。本DEMO "Android GPRS获取位置信息" 展示了如何利用...
android 地理位置信息获取demo
09-12
在Android平台上，获取地理位置信息是移动应用开发中的关键功能，尤其对于导航、地图服务或位置相关的社交应用来说。本教程将深入探讨如何在Android中实现地理位置信息的获取，以"android 地理位置信息获取demo"为例...
GoogleMapsV3-----基础地图(坐标地址转换)
solicitous的专栏
01-24 479
html{height: 100%;} body{height: 100%;margin: 0px;padding: 0px;} #map_canvas{height: 80%;} var map = null; //【初始化地图】 //=========================
百度地图v3的创建及定位的生成(包含地址详情)
AN_zzt的博客
04-13 682
百度地图开发API //引入的ak由百度地图注册生成 <script src="http://api.map.baidu.com/getscript?v=3.0&ak=***************"></script> <script> function initialize() { var myGeo = new BMap.Geocoder(); // 将地址解析结果显示在地图上，并调整地图视野 myGeo.getPoint('{wl
转：开发基于 Google Map 的 Android 应用
kenmlee的博客
07-01 189
开发基于 Google Map 的 Android 应用   简介： 随着移动互联网应用的迅速发展，利用智能手机提供的实时地理位置信息服务功能扩展出众多 LBS(Location Based Service) 应用，将实时地理位置信息与手机的便捷、移动特性结合，为人们提供多种多样的应用场景，比如实时定位、导航、搜索周围好友、基于地理位置的信息推荐等。本文通过实例介绍如何开发基于...
Android地图获取详细街道地址信息 精确定位
longvslove的专栏
12-06 1万+
Android地图开发实际应用中，经常会通过地图定位判断手机用户是哪个城市的，然后根据城市的不同调取不同的数据，或者是地图定位之后，会在手机界面中显示用户的详细位置，如石家庄市中山北国商城。         那么这些信息如何获得？   详细研究过Android MapView的可能用到Geocoder这个对象。详细代码如下：         Geocoder geocoder=new
Google map API：查询地理位置和经纬度信息示例
热门推荐
简言
12-25 1万+
这两天工作需要调用到Google API，所以查询官方文档了解了一下，发现很方便。 注册Google Key 1、首先需要注册一个Google Cloud 账号。 2、创建一个项目。 具体步骤不记得了，之后再补，之前碰巧有注册过账号，就可以直接用。项目任意命名就可以。 查看官方地图API文档 Google全部API的地址：https://cloud.google.com/ma...
Pro Android学习笔记（一一五）：Location（1）：Geocoder
愷风（Wei）的专栏
08-20 1万+
文章转载只能用于非商业性质，且不能带有虚拟货币、积分、注册等附加条件。转载须注明出处http://blog.csdn.net/flowingflying以及作者@恺风Wei-傻瓜与非傻瓜。 LBS业务最常见的就是地图应用，Google提供Google Map，这属于Google Services APIs，而不是Android的APIs。而Google的服务对于中国区并不稳定，可以转用百度的LB
在Google Map中使用地址获取坐标（适用小数据量）
小小的天空
05-28 4821
在Google Map中使用地址获取坐标（适用小数据量）。
高德地图--根据地理位置获取经纬度
博客
11-16 4223
即地理/逆地理编码，直接查看高德api即可 https://lbs.amap.com/api/webservice/guide/api/georegeo/
Google 地图 API V3 使用入门1
manbufenglin的专栏
03-04 1512
Hello, World 要开始了解 Google Maps API，最简单的方法就是查看简单的示例。以下网页显示了一张以澳大利亚新南威尔士的悉尼为中心的地图： html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { h
传入经纬度获取位置信息
最新发布
04-30
你可以使用反向地理编码（Reverse Geocoding）服务来将经纬度转换为位置信息。这个服务将经纬度坐标作为输入，返回包含该坐标所在位置的地址信息的响应。Google Maps、百度地图、高德地图等地图服务都提供了反向地理...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值