利用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,不要从浏览器直接复制啊,亲!

三维城市模型数据生产的全面质量控制 利用html5获取经纬度并且在百度地图中显示位置

作者:,GIS爱好者。
分享本文,请您带上本文链接
分享到:

发表评论