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

最新推荐文章于 2024-04-18 12:34:58 发布

黑菜妞妞

最新推荐文章于 2024-04-18 12:34:58 发布

阅读量3.5k

点赞数

分类专栏： Java 文章标签： google function xhtml html 数据库编程

Java 专栏收录该内容

120 篇文章 0 订阅

订阅专栏

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

黑菜妞妞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击获取GOOGLE MAP地图上的经纬度坐标的方法

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

扫一扫