JQuery:带路由的Gmap

时间:2013-10-28 09:47:29

标签: javascript jquery google-maps jquery-plugins map

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

以下是我设置的非常简单的示例:

http://jsbin.com/iYoKEPa/1

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

http://jsbin.com/ejimUf/1

有人可以帮助我。 谢谢!

1 个答案:

答案 0 :(得分: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
   });

}