更多分类
麻辣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。

声明

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

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

手机阅读
公众号关注
B站关注
手机阅读
麻辣GIS微信公众号关注
最新GIS干货
麻辣GIS小破B站
有趣的技术视频

留言板(小编看到第一时间回复)