JQuery: Gmap с маршрутом

Question

Мне нужно работать с плагином Gmap, используя маршрут. Я могу настроить его на базовой карте, но вопрос в том, как я могу включить эту функциональность в отдельный файл js?

Вот очень простой пример, я поставил его:

http://jsbin.com/iYoKEPa/1 

Но разработчика я должен включить его в функции нагрузки() на отдельном JS файл. реплицировать свою функцию Дев на jsbin и попытаться установить маршрут, но не был в состоянии сделать это:

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 
    }); 

}