Question

我希望我的路线页面具有与this页面相同的功能，即Google Map对象会从右侧的表单更新。我怎么能在我的页面中有这个？我正在使用Django BTW，但我认为这不会太重要......对于这样的事情，实现应该是通用的。

Answer 1

我在Drupal网站内完成了这项工作。代码API非常简单。您可以使用经度和latitide作为中心点生成初始交互式地图。

function initialize() {

      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }

然后，您需要让您的路线表单拨打Google Geocoder。这会将输入的地址转换为经度和纬度 - 尽管您可以绕过此步骤。

然后，使用新收购的Long＆amp;拉取以生成路线请求（再次使用Google API）。

// Create a directions object and register a map and DIV to hold the
// resulting computed directions

var map;
var directionsPanel;
var directions;

function initialize() {
  map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(42.351505,-71.094455), 15);
  directionsPanel = document.getElementById("route");
  directions = new GDirections(map, directionsPanel);
  directions.load("from: 500 Memorial Drive, Cambridge, MA to: 4 Yawkey Way, Boston, MA 02215 (Fenway Park)");
}

所有Javascript都可以直接在您的HTML中使用。我建议你花点时间研究http://code.google.com/apis/ajax/playground/

嵌入式谷歌地图在方向页面上映射

1 个答案: