利用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