javascript - JQuery：带有路线的Gmap

Question

我需要使用路由使用 Gmap 插件。我可以在基本地图上设置它，但问题是如何在单独的 js 文件中包含该功能？

这是我设置的非常简单的示例：

http://jsbin.com/iYoKEPa/1

但是在开发中，我需要将它包含在单独的 js 文件的 load() 函数中。我在 jsbin 上复制了我的 dev 函数并尝试设置路由但无法做到：

http://jsbin.com/ejimUf/1

有人可以帮助我。谢谢！

Answer 1

您正在两个文档之间实例化两种不同类型的映射。在第一个中，您正在制作 Gmaps 地图，而在第二个中，您正在制作 google.maps 地图。

它在这里工作：http: //jsbin.com/ejimUf/3/edit

function load(){
  console.log('loaded');
  var point = new google.maps.LatLng(-12.043333, -77.028333);
  var myMapOptions = {
    zoom: 13,   
    center: point,
    div:'#map',
    lat: -12.043333,
    lng: -77.028333

  };



 map = new GMaps(myMapOptions);



  map.drawRoute({
      origin: [-12.044012922866312, -77.02470665341184],
      destination: [-12.090814532191756, -77.02271108990476],
      travelMode: 'driving',
      strokeColor: '#131540',
      strokeOpacity: 0.6,
      strokeWeight: 6
   });

}