`
天梯梦
  • 浏览: 13748219 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

google map 根据地址 查找经纬度

 
阅读更多

实例:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
      	<title>Find latitude and longitude with Google Maps</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAgrj58PbXr2YriiRDqbnL1RSqrCjdkglBijPNIIYrqkVvD1R4QxRl47Yh2D_0C1l5KXQJGrbkSDvXFA"
      type="text/javascript"></script>
    <script type="text/javascript">

 function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        var center = new GLatLng(40.7862,-73.9753);
        map.setCenter(center, 15);
        geocoder = new GClientGeocoder();
        var marker = new GMarker(center, {draggable: true});  
        map.addOverlay(marker);
        document.getElementById("lat").innerHTML = center.lat().toFixed(5);
        document.getElementById("lng").innerHTML = center.lng().toFixed(5);

	  GEvent.addListener(marker, "dragend", function() {
       var point = marker.getPoint();
	      map.panTo(point);
       document.getElementById("lat").innerHTML = point.lat().toFixed(5);
       document.getElementById("lng").innerHTML = point.lng().toFixed(5);

        });


	 GEvent.addListener(map, "moveend", function() {
		  map.clearOverlays();
    var center = map.getCenter();
		  var marker = new GMarker(center, {draggable: true});
		  map.addOverlay(marker);
		  document.getElementById("lat").innerHTML = center.lat().toFixed(5);
	   document.getElementById("lng").innerHTML = center.lng().toFixed(5);


	 GEvent.addListener(marker, "dragend", function() {
      var point =marker.getPoint();
	     map.panTo(point);
      document.getElementById("lat").innerHTML = point.lat().toFixed(5);
	     document.getElementById("lng").innerHTML = point.lng().toFixed(5);

        });
 
        });

      }
    }

	   function showAddress(address) {
	   var map = new GMap2(document.getElementById("map"));
       map.addControl(new GSmallMapControl());
       map.addControl(new GMapTypeControl());
       if (geocoder) {
        geocoder.getLatLng(
          address,
          function(point) {
            if (!point) {
              alert(address + " not found");
            } else {
		  document.getElementById("lat").innerHTML = point.lat().toFixed(5);
	   document.getElementById("lng").innerHTML = point.lng().toFixed(5);
		 map.clearOverlays()
			map.setCenter(point, 14);
   var marker = new GMarker(point, {draggable: true});  
		 map.addOverlay(marker);

		GEvent.addListener(marker, "dragend", function() {
      var pt = marker.getPoint();
	     map.panTo(pt);
      document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
	     document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
        });


	 GEvent.addListener(map, "moveend", function() {
		  map.clearOverlays();
    var center = map.getCenter();
		  var marker = new GMarker(center, {draggable: true});
		  map.addOverlay(marker);
		  document.getElementById("lat").innerHTML = center.lat().toFixed(5);
	   document.getElementById("lng").innerHTML = center.lng().toFixed(5);

	 GEvent.addListener(marker, "dragend", function() {
     var pt = marker.getPoint();
	    map.panTo(pt);
    document.getElementById("lat").innerHTML = pt.lat().toFixed(5);
	   document.getElementById("lng").innerHTML = pt.lng().toFixed(5);
        });
 
        });

            }
          }
        );
      }
    }
    </script>
</head>

  
<body onload="load()" onunload="GUnload()" >
   <p><b> Find coordinates by moving around the map</b></p> <p>1. Drag and drop the map to broad location. <br/>
	2. Zoom in for greater accuracy. <br/>
	3. Drag and drop the marker to pinpoint the place. The coordinates are refreshed at the end of each move.  </p>
  <p><b>Find coordinates using the name and/or address of the place</b></p>

  <p>Submit the full location : number, street, city, country. For big cities and famous places, the country is optional. "Bastille Paris" or "Opera Sydney" will do. <br/>
 </p>

  <form action="#" onsubmit="showAddress(this.address.value); return false">
     <p>        
      <input type="text" size="60" name="address" value="new york ny" />
      <input type="submit" value="Search!" />
      </p>
    </form>

 <p align="left">
 
 <table  bgcolor="#FFFFCC" width="300">
  <tr>
    <td><b>Latitude</b></td>
    <td><b>Longitude</b></td>
  </tr>
  <tr>

    <td id="lat"></td>
    <td id="lng"></td>
  </tr>
</table>
 </p>
  <p>
  <div align="center" id="map" style="width: 600px; height: 400px"><br/></div>
   </p>
  </div>

</body>

</html>
 

 

 

 

 

 

 

分享到:
评论

相关推荐

    Google Map 有地面获取相应的经纬度

    Google Map提供了丰富的功能,包括但不限于地图查看、导航、位置查找等。在本话题中,我们将聚焦于如何通过Google Map获取地面特定地名对应的经纬度坐标。 经纬度是地球上定位的坐标系统,经度(longitude)对应于...

    android以经纬度查找目的位置

    若要根据输入的经纬度查找特定位置,我们可以使用Geocoding API。它允许我们将地理位置坐标转换为人类可读的地址。以下是如何使用Geocoding API: ```java public static String getPlaceAddress(double latitude,...

    地址与经纬度查询N-2021-7-1.rar

    为了实现这些功能,开发者可能需要学习和使用各种GIS库或服务,例如Python的geopy库、Google Maps Geocoding API、OpenStreetMap Nominatim服务等。同时,理解坐标系统(如WGS84、UTM等)和地理空间数据模型也是必不...

    GoogleMap+LocalSearch

    GoogleMap+LocalSearch获取查找的地址,经纬度

    GoogleMap Api二次开发+Asp.Net+数据库+GPS

    在本实例中,我们主要探讨如何使用GoogleMap API进行二次开发,并结合Asp.Net、数据库以及GPS技术,创建一个功能丰富的Web应用。首先,我们来深入理解这些关键知识点。 1. GoogleMap API: GoogleMap API是Google...

    利用gi根据经纬度解析城市名

    3. **空间查询**:使用`geotools`的SpatialQuery API,根据经纬度坐标在数据中查找包含该点的城市多边形或边界线。 4. **匹配过程**:通过比较经纬度坐标与城市边界的关系,确定最合适的匹配城市。这可能涉及到距离...

    GoogleMap&Android

    通过Geocoder类,可以将经纬度转换为地址,或者将地址解析为经纬度,便于在地图上定位和导航。 8. **绘制标记和路径** 使用Marker类可以在地图上添加标记,表示特定的地理位置。对于路线规划,可以使用Polyline类...

    google map 3.0 反向解析地址

    在Google Map 3.0版本中,反向解析地址(Geocoding)是一项重要的功能,它允许用户通过输入一个具体的地址来获取对应的经纬度坐标。这种技术在众多应用中都有所应用,比如导航系统、位置服务、数据分析等。 反向...

    Google map 高级特性

    集成强大的搜索引擎,Google Map能快速查找全球各地的地址、商家、景点等信息,并提供精确的GPS定位,用户可以通过手机或电脑轻松找到自己的位置。 四、街景与室内视图 Google Map的街景功能让用户仿佛身临其境地...

    谷歌地图应用GoogleMap

    谷歌地图应用GoogleMap是一款基于Google提供的地图服务开发的应用程序,它允许用户进行一系列与地理位置相关的操作,如搜索城市、选择定位、切换浏览模式等。在移动设备上,这样的应用为用户提供了一个直观且实用的...

    基于GoogleMap的简易智能地图搜索系统

    标题中的“基于GoogleMap的简易智能地图搜索系统”是指一个利用Google Maps API开发的应用程序,旨在帮助用户在地图上方便地查找和探索地理位置。这样的系统通常包括搜索功能、地图显示以及地点详情展示等核心模块。...

    转发GOOGLE MAP的偏移数据

    例如,当用户请求一个特定的经纬度时,我们的程序会查找相应的偏移值,并将其应用到原始坐标上,从而提供更精确的定位结果。这一步骤可能涉及到空间索引技术,如R树或quadtree,以高效地查找匹配的偏移值。 对于...

    搜索并获取googleMap上的数据 GetGoogleMapData

    2. **定位与地理编码**:通过地址或经纬度查找地理位置信息,反之亦然。 3. **搜索和兴趣点**:搜索地图上的特定地点、商家或服务。 4. **路线规划**:计算两点或多点之间的最佳路径,包括驾车、步行、骑行等多种...

    谷歌地图开发包GoogleMap

    4. **地理编码与反地理编码**:地理编码是将地址转换为经纬度坐标,反地理编码则相反,将坐标转换为地址,这对于定位和导航功能至关重要。 5. **覆盖物**:开发者可以添加自定义的覆盖物,如图像层、形状等,来增强...

    Google-Map-Api.rar_google map

    4. **Geocoding API**:将地址转换为经纬度坐标(反向地理编码)或根据坐标查找地址(正向地理编码),是地图应用中的基础工具,常用于定位和搜索功能。 5. **Places API**:提供了搜索和查询全球地点的能力,包括...

    49.(leaflet篇)leaflet实现反向匹配查询(输入坐标查询距离最近的地址信息).zip

    在本教程中,我们将深入探讨如何使用Leaflet库来实现反向地理...这通常通过调用外部API来完成,如谷歌地图API、OpenStreetMap的Nominatim服务或高德地图API。以Nominatim为例,它的反向地理编码API URL格式为: ``` ...

    GoogleMap地图搜索(Silverlight版)源码201291

    【GoogleMap地图搜索(Silverlight版)源码详解】 GoogleMap地图搜索(Silverlight版)是一款基于Microsoft Silverlight技术开发的应用程序,它允许用户通过Silverlight客户端与Google Maps API进行交互,实现对地理...

    PHP谷歌地图API

    这可以通过Google Maps Geocoding API完成,提供一个地址或位置名称,API将返回其对应的经纬度坐标。 4. **谷歌地图API(Google Map v3)**:`index.php`应该是主展示页面,其中嵌入了谷歌地图API的JavaScript库。...

    google map 定位搜索

    3. **搜索功能**:Google Maps API的搜索服务允许用户输入关键词,查找地图上的特定地点、地址或兴趣点。搜索结果以列表形式展示,也可以直接在地图上标记。当用户点击搜索结果时,会显示详细信息,如地址、营业时间...

    全国地铁经纬度

    此外,还可以进行更复杂的分析,如地铁线路的几何对象构建、地铁站之间的路径规划等,这些通常需要结合其他GIS工具或服务,如Google Maps API、OpenStreetMap等。 总结来说,全国地铁经纬度的SQL处理涉及了对地理...

Global site tag (gtag.js) - Google Analytics