lat和long with submit按钮

时间:2011-10-13 13:15:39

标签: javascript html google-maps-api-2

我和一家公司的实习生要求我在谷歌地图上放置一些标记。 我用lat做了很长时间,因为对地址进行地理编码而不是制作标记,这需要很长时间才能加载。

然而,他们现在还问我是否可以轻松申请从地址获取lat和long。这是一个简单的地理编码应用程序:

一个输入字段和一个提交按钮,当点击按钮时,lat和long将显示在其下方或上方或旁边。

我可以使用哪个功能来获取此功能?

我已经在互联网上看了几天了,但是我找不到任何能让它显示的东西,以便我可以显示已找到的纬度和长度。

我不擅长编程。

4 个答案:

答案 0 :(得分:2)

function get_tatitude_longitude(address){
var mygc = new google.maps.Geocoder();
mygc.geocode({'address' : address}, function(results, status){
    alert( "latitude : " + results[0].geometry.location.lat() );
    alert( "longitude : " + results[0].geometry.location.lng() );
 lat_c = results[0].geometry.location.lat();
long_c = results[0].geometry.location.lng();
mapa();
document.getElementById('lat').value = results[0].geometry.location.lat();
document.getElementById('long').value = results[0].geometry.location.lng();
document.getElementById('latlongclicked').value = marker.getPosition();

});

}

答案 1 :(得分:1)

我很困惑,你想找到一个地址的lat和lng吗?

若是,请使用google maps api http://code.google.com/apis/maps/documentation/geocoding/

这是一个例子 http://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=true

然后将以json格式吐出lat和lng。

如果你想反转地理编码的东西 http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=true

要创建一个使用提交按钮执行此操作的应用程序,请使用jquery / ajax并从googles服务中提取结果。

答案 2 :(得分:0)

也许根据您的经验,您应该尝试将gmap3用于jQuery。它使用Google Maps API v3,但提取API使其更易于使用。他们应该学习example。它需要一个地址并返回一个可能的位置。

下面我修改了一个警示该位置的示例 - 希望能给你一个良好的开端:

$("#test").gmap3();

$('#address').autocomplete({
  //This bit uses the geocoder to fetch address values
  source: function(request, response) {
    $("#test").gmap3({
      action:'getAddress',
      address: request.term,
      callback:function(results){
        if (!results) return;
        response($.map(results, function(item) {

          alert("The location is", item.geometry.location.lat(), item.geometry.location.lon());

          return {
            label:  item.formatted_address,
            value: item.formatted_address,
            latLng: item.geometry.location
          }
        }));
      }
    });
  },
  //This bit is executed upon selection of an address
  select: function(event, ui) {
    $("#test").gmap3(
      {action:'clear', name:'marker'},
      {action:'addMarker',
        latLng:ui.item.latLng,
        map:{center:true}
      }
    );
  }
});

答案 3 :(得分:-1)

可能此链接将帮助您了解反向地理编码。    getting places from lat and lang