2013-03-27 96 views
0

SO,添加標記jVectorMap

我已經得到了一個自定義地圖使用jVectorMap插件顯示,我嘗試添加自定義標記,但是當我在這裏效仿的榜樣:http://jvectormap.com/examples/mall/什麼也沒發生。我只是在代碼中缺少一些簡單的東西嗎?

這裏是我的代碼添加標記之前:

//@code_start 
     $(function(){ 
     $('#usmxmap').vectorMap({ 
      map: 'map', 
      regionsSelectable: false, 
      markersSelectableOne: true, 
      backgroundColor: '#cfdbdd', 
      regionStyle: { 
      initial: { 
     fill: '#5e7073', 
     "fill-opacity": 1, 
     stroke: 'none', 
     "stroke-width": 0, 
     "stroke-opacity": 1 
     }, 
     hover: { 
     fill: 'black' 
     }, 
     selected: { 
     fill: 'yellow' 
     }, 
     selectedHover: { 
     } 
     }, 
     }); 
     }); 
     //@code_end 

的的jsfiddle產生: http://jsfiddle.net/73aze/5/

這裏是我得到了什麼,添加標記:

//@code_start 
     $(function(){ 
     $('#usmxmap').vectorMap({ 
      map: 'map', 
      regionsSelectable: false, 
      markersSelectableOne: true, 
      backgroundColor: '#cfdbdd', 
      markers: [{ 
      coords: [60, 110], 
      name: 'Escalator 1', 
      style: {fill: 'yellow'} 
      }], 
      regionStyle: { 
      initial: { 
     fill: '#5e7073', 
     "fill-opacity": 1, 
     stroke: 'none', 
     "stroke-width": 0, 
     "stroke-opacity": 1 
     }, 
     hover: { 
     fill: 'black' 
     }, 
     selected: { 
     fill: 'yellow' 
     }, 
     selectedHover: { 
     } 
     }, 
     }); 
     }); 
     //@code_end 

由於你可以從jsFiddle(http://jsfiddle.net/Z9u4T/3/)中看到,這隻會導致地圖消失,我無法確定我錯過了什麼。有什麼想法嗎?

馬卡報

+0

'未捕獲的類型錯誤:無法讀取未定義的屬性'centralMeridian' - 這是否對您意味着什麼?我之前沒有使用過這個插件,但控制檯正在抱怨。 – couzzi 2013-03-27 16:44:29

回答

0

}, }); }); //@code_end

必須

} }); }); //@code_end

0

有一個在你的jsfiddles有點亂的。 嘗試this jsfiddle

這是你的modified second jsfiddle。從github導入raw顯然是個問題。我鏈接到jvectormap的網頁上的jquery-jvectormap-1.2.2.min.js,而現在它工作。