点击获取GOOGLE MAP地图上的经纬度坐标的方法

GOOGLE map api让我们可以在自己的网站上显示GOOGLE MAP 那样强大的功能，只要你编程够牛逼，数据库数据多。你的GOOGLE MAP会比GOOGLE 的MAP更牛。万丈高楼平地起，以下是通过点击获取GOOGLE map地图上的经纬度的方法。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>点击获取GOOGLE MAP地图上的经纬度坐标的方法</title>
<script src=”http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAjKcjb95IlYLFHhr2ekAEOhS6HVL9N0Eta0oPyPTncBECn8JwShSB34ymWvKJRvBNpjpCQCezykCWYA”
  type=”text/javascript”></script>
<script type=”text/javascript”>
function initialize() {
if (GBrowserIsCompatible()) {
  var map = new GMap2(document.getElementById(“map_canvas”));
  map.setCenter(new GLatLng(34.45221847282654,106.69921875), 4);
  map.setUIToDefault();
}
  GEvent.addListener(map, ‘click’, function(overlay, point) {
if (overlay) {
   // nothing
} else {
    //清除以前所点击图标
    map.clearOverlays();
    document.getElementById(“jingwei”).value = point.y + “,” + point.x;
    var marker = map.addOverlay(new GMarker(point));
}
});
}
</script>

</head>
<!–打开网页的时候载入initialize()函数–>
<body οnlοad=”initialize()” οnunlοad=”GUnload()”>
<div id=”map_canvas” style=”width: 800px; height: 600px”></div>
<input name=”officename” type=”text” id=”jingwei” />
</body>
</html>

注意以上代码必须是UTF-8下才能得到正确的结果。

文章来自熙煦阳光的博客，转载请注明出处

链接地址http://www.uibao.com/archives/142

点击获取GOOGLE MAP地图上的经纬度坐标的方法相关推荐

依据地图上的经纬度坐标计算某个点到多边形各边的距离
http://www.th2w.com/article/85 依据地图上的经纬度坐标计算某个点到多边形各边的距离最近公司有一个需求:依据地图上的经纬度坐标计算某个点到多边形各边的距离. 主要原理: ...
在网页中轻松插入google map地图
Google Map 是什么?这是Google公司(谷歌)推出的一项地图服务,我私下把它归为一种GIS服务.它不仅仅是一幅简单的电子地图图片,而是一种互动的.内涵丰富的GIS集成.当你打开 http: ...
Echarts在map地图上添加散点图
Echarts在map地图上添加散点图一.需求: 我们使用map地图画出区域后,有时需要标注一些点,就需要用到散点图了,而在series属性中,只能有一个type参数,这时该怎么办呢? 二.实现我 ...
经纬度计算距离html,js版谷歌地图计算两经纬度坐标点的距离
球面上两点间大圆劣弧的距离html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
java版谷歌地图计算两经纬度坐标点的距离
球面上两点间大圆劣弧的距离 public class GoogleMapHelper {private static double EARTH_RADIUS = 6378.137; //地球半径//将 ...
高德地图定位传值经纬度坐标为null,null
高德地图定位传值经纬度坐标为null,null 因为传null导致切割字符串时崩溃,所以要加上非空判断 if (amapLocation.getLatitude() != 0 && a ...
百度地图点击获取定位信息以及定位的经纬度
1.导入地图的js连接 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0 ...
类型缩放Google map 地图类型
上班之余抽点时间出来写写博文,希望对新接触的朋友有帮助.今天在这里和大家一起学习一下类型缩放舆图类型基本舆图类型 45° 图像启用和停用 45° 图像旋转 45° 图像修改舆图类型注册表样 ...
google map 地图网址
Google地图扩展 http://econym.org.uk/gmap/ http://econym.org.uk/gmap/egeoxml.htm http://gmaps-utility-lib ...

点击获取GOOGLE MAP地图上的经纬度坐标的方法

点击获取GOOGLE MAP地图上的经纬度坐标的方法相关推荐

最新文章

热门文章