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