Question

我正在努力在网页屏幕上显示地图。但在显示时遇到一些错误。

错误： -

TypeError: $("#driver_map").gmap3 is not a function

代码： -

%script{:src=>'../assets/public/js/gmap3.js'}
%script{:src=>'http://maps.google.com/maps/api/js?sensor=false' :type=>'text/javascript'}
%script{:src=>'../assets/public/js/jquery-1.6.4.js'}

%html
  %head
    %body
      %div{:id=>"driver_map"}

:javascript
  $(function(){
    $('#driver_map').gmap3(
      { action:'init',
        options:{
          center:[46.578498,2.457275],
          zoom: 5
        }
      },
      { action: 'addMarkers',
        markers:[
          {lat:48.8620722, lng:2.352047, data:'Paris !'},
          {lat:46.59433,lng:0.342236, data:'Poitiers : great city !'},
          {lat:42.704931, lng:2.894697, data:'Perpignan ! <br> GO USAP !'}
        ],            
      }
    );
  });

请帮我解决这个错误。

Answer 1

gmap3.js使用jQuery，因此需要在jquery-1.6.4.js之后加载。所有示例都按此顺序加载：

的jQuery
Google地图
gmap3

因此可能需要在Google Maps JavaScript之后加载。

尝试调整您的加载顺序：

%script{:src=>'../assets/public/js/jquery-1.6.4.js'}
%script{:src=>'http://maps.google.com/maps/api/js?sensor=false' :type=>'text/javascript'}
%script{:src=>'../assets/public/js/gmap3.js'}

我还建议不要使用亲戚路径，它们只会造成麻烦。使用像'/assets/public/js/jquery-1.6.4.js'这样的绝对路径会更好，这样您就不必关心自己的位置了。

通过gmap3显示地图时出错

1 个答案: