合并Google Maps Geocoder和Leaflet Map接收错误：无效的LatLng对象

Question

I'm using Google Maps Geocoder to grab the latitude and longitude of an address. 我正在使用Google Maps Geocoder来获取地址的经度和纬度。 I'm then taking that address and using Leaflet and panning the map to the latitude + longitude coordinates. 然后，我要获取该地址并使用Leaflet，然后将地图平移至纬度+经度坐标。 However, I'm receiving an error from Firebug saying Error: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined) . 但是，我从Firebug收到一条错误Error: Invalid LatLng object: (-33.8674869, 151.20699020000006, undefined) 。 I know my variable geolocation returns -33.8674869, 151.20699020000006 but not the undefined. 我知道我的变量geolocation返回-33.8674869, 151.20699020000006但未定义。 What's causing the problem? 是什么原因引起的？

 <body onload="initialize()">
  <div id="result"></div>
 <div>
  <input id="address" type="textbox" value="Sydney, NSW">
  <input type="button" value="Geocode" onclick="codeAddress()">
 </div>

 <div id="map"></div>

 <script type="text/javascript">

 var map = L.map('map').setView([33.7489954, -84.3879824], 13);

  var geocoder;

  function initialize() {
    geocoder = new google.maps.Geocoder();     
  }

  function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {

        var geolocation = String(results[0].geometry.location);

        var geolocation = geolocation.replace('(','');

        var geolocation = geolocation.replace(')','');      

        map.panTo([geolocation]);

      } else {
        $('#result').html('Geocode was not successful for the following reason: ' + status);
      }
    });
  };

L.tileLayer('http://{s}.tile.cloudmade.com/apikeyputhere/997/256/{z}/{x}/{y}.png', {
maxZoom: 18
}).addTo(map);

</script>

Answer 1

Replace this: 替换为：

    var geolocation = String(results[0].geometry.location);

    var geolocation = geolocation.replace('(','');

    var geolocation = geolocation.replace(')','');      

    map.panTo([geolocation]);

with that: 接着就，随即：

map.panTo([results[0].geometry.location.lat(),results[0].geometry.location.lng()]);

Explanation: 说明：
You assign a string to the first array-value, it's the same as: 您为第一个数组值分配一个字符串，它与以下内容相同：

geolocation=new Array('-33.8674869, 151.20699020000006')//contains 1 string

The string will not be evaluated, it will remain 1 string, but you need an array with 2 floats: 该字符串将不被求值，它将保留为1个字符串，但是您需要一个具有2个浮点数的数组：

geolocation=new Array(-33.8674869, 151.20699020000006)//contains 2 floats

The undefined is the missing 2nd item of the array provided to panTo() undefined是提供给panTo()的数组的缺少的第二项

合并Google Maps Geocoder和Leaflet Map接收错误：无效的LatLng对象

问题描述

1 个解决方案

解决方案1
5 已采纳 2012-10-07 23:30:35

合并Google Maps Geocoder和Leaflet Map接收错误：无效的LatLng对象

问题描述

1 个解决方案

解决方案1 5 已采纳 2012-10-07 23:30:35

解决方案1
5 已采纳 2012-10-07 23:30:35