Question

我正在尝试将spiderfier实现到我的代码中，但是我在将字符串地址转换为（lat lon）坐标时遇到了一些困难。

演示：http://jawj.github.com/OverlappingMarkerSpiderfier/demo.html

文档：https://github.com/jawj/OverlappingMarkerSpiderfier

这就是我从我的数据库获取地址的方式，我现在需要将其转换为（Lat，Lon）格式

<?php 
  $locations = new locations;
  $userid = '1';
  $cityArray = $locations->pastLocations($userid);
  $title = $locations->pastTitles($userid);
  $length = count($cityArray);
?>

//now that I have the cityArray acquired from php, I encode them for javascript
<script>
var cityArray= <?php echo json_encode($cityArray); ?>;
var title = <?php echo json_encode($title); ?>;

好的，现在我将我的地址放在一个数组中。 spiderfier的示例使用以下

生成随机位置（足够接近重叠）

var baseJitter = 2.5;
var clusterJitterMax = 0.1;
var rnd = Math.random;
var data = [];
var clusterSizes = [1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2,2, 3, 3, 4, 5, 6, 7, 8, 9, 12, 18, 24];
for (var i = 0; i < clusterSizes.length; i++) {
GClientGeocoder.getLatLng()
var baseLon = -1 - baseJitter / 2 + rnd() * baseJitter;
var baseLat = 52 - baseJitter / 2 + rnd() * baseJitter;
var clusterJitter = clusterJitterMax * rnd();
for (var j = 0; j < clusterSizes[i]; j ++) data.push({
  lon: baseLon - clusterJitter + rnd() * clusterJitter,
  lat: baseLat - clusterJitter + rnd() * clusterJitter,
  h:   new Date(1E12 + rnd() * 1E11).toString(), //this is the title
  d:   Math.round(rnd() * 100) + '% happy'
});
} 
window.mapData = data;

这是spiderfier用于绘制数据数组的代码。这是我在生成使用的数据数组时遇到的问题

var bounds = new gm.LatLngBounds();

  for (var i = 0; i < window.mapData.length; i ++) {
    var datum = window.mapData[i];
    var loc = new gm.LatLng(datum.lat, datum.lon);
    bounds.extend(loc);
    var marker = new gm.Marker({
      position: loc,
      title: datum.h,
      map: map,
      icon: iconWithColor(usualColor),
      shadow: shadow
    });
    marker.desc = datum.d;
    oms.addMarker(marker);
  }
  map.fitBounds(bounds);

假设我有一个可以输入地理编码的数组，我怎样才能将地址（例如达拉斯德克萨斯州）转换为可以与spiderfier一起使用的（lat lon）格式？请记住，这个数组中有多个地址，所以我必须循环并以某种方式将每个地址推入数据数组。这主要是我感到困惑的地方。

谢谢！

编辑 - 我尝试制作一些循环遍历cityArray的代码并对每个代码进行地理编码，然后将其插入一个名为data的数组中，但遗憾的是它无法正常工作

这是代码。当我使用document.write（数据）时，不会显示任何内容。我也没有收到任何错误，所以我不确定我做错了什么。

var data = [];
for (var i = 0; i < cityArray.length; i++) {
    //document.write(cityArray[i]);
    geocoder.geocode( { 'address': cityArray[i] }, function(results, status) { //use latlang to enter city instead of coordinates 
        if (status == google.maps.GeocoderStatus.OK) {
            data.push({
                position:results[0].geometry.location,
                h: 'test',
                d: 'test'
            });
          }
          else {
            alert("Geocode was not successful for the following reason: " + status);
            }   
        });  
}

Answer 1

您的问题是如何将地址转换为地理坐标（纬度和经度），以便与谷歌地图一起使用。

将地址转换为坐标的过程称为地理编码。

Google Maps API v3包含client side geocoder，供用户输入地址时使用。

服务器还可以使用geocoding web service。

两者均受配额和费率限制。

请参阅此article from the documentation以获取其使用说明，并讨论每种情况何时合适。

如果您有数据库，最理想的选择是在数据库中输入地址时对地址进行地理编码，然后使用数据库中的坐标放置标记，而不是“动态”对它们进行地理编码。

将地址转换/地理编码为Lat Long坐标 - 用于谷歌地图的蜘蛛侠

1 个答案: