麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

利用html5获取经纬度并且在google map显示位置

记得之前我曾经介绍过通过浏览器检测经纬度-HTML5,在那篇文章我只是简单介绍了html5可以获取经纬度。后来我在GIS开发中使用html5接口获取经纬度(附带源代码)文中用详细的demo和代码说明了具体的操作方法,并且在利用HTML5获取经纬度、海拔、速度、朝向等信息(附带源码和错误处理函数)里介绍了html5在地理位置方面的其他函数,尽管有的无法获取,不过可以预见不久的将来html5将在GIS开发方面大显神威。

记得我在GIS开发中使用html5接口获取经纬度(附带源代码)文章中,通过html5获取了当前的经纬度,但是具体的位置我是通过google map来验证的,并且是手动输入,这几天我查看了下google map js api v3版本,发现原来这个接口也很简单,于是就写了这篇文章,算是之前的后续。

示例代码:

var myLatlng=new google.maps.LatLng(30, 114);
    var mapOptions = {
      center: myLatlng,
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
title:"小编的地址"
});

//将标记显示在地图中
marker.setMap(map);

这里只是一个简单的示例代码,通过这几行函数再加上google map js api就可以通过html5获取经纬度并且显示在地图上面了。

效果图:

关于这个DEMO

demo地址查看 猛击这里下载这个demo

解压密码:

malagis.com

PS:注意,密码是malagis.com,没有前面的http,不要从浏览器直接复制啊,亲!

麻辣GIS-Sailor
作者:
GIS爱好者,学GIS,更爱玩GIS。
微博关注
手机阅读
赞赏支持
手机阅读
微信捐助麻辣GIS
微信打赏
支付宝捐助麻辣GIS
支付宝打赏

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

3.如果本文对您有所帮助,请您对我们团队进行 打赏捐助让我们在传播3S的路上可以走得更远,不胜感激。PS:如果你是学生党,请优先把经费用于购买学习资料 以及 与小哥哥/小姐姐约会上:-)

如您有疑问,可在文末留言,或到麻辣GIS QQ群中提问。

QQ群(一):291616564 加入QQ群

QQ群(二):166408035 加入QQ群

QQ群(三):627853279 加入QQ群

QQ群(四):436386604 加入QQ群

QQ群(五):606176554 加入QQ群

QQ群(六):946178380 加入QQ群

QQ群(七):861271808 加入QQ群

新疆互助群:910717627 加入QQ群

微信公众号:malagis,扫描右边二维码直接关注。

发表评论