2016-12-16 62 views
0

我想在網站上實現jvectormap。 矢量地圖工作正常,沒有任何單獨的參數。 現在我想改變不同國家的顏色,從德國和法國開始。Jvectormap語法錯誤顏色國家

我的代碼(可以忽略標識部分,得到它的有趣末 - 地區......)

<body> 
    <div id="world-map" style="width: 600px; height: 400px"></div> 
    <script> 
$(function(){ 
    $('#world-map').vectorMap({ 
    map: 'world_mill', 
    scaleColors: ['#C8EEFF', '#0071A4'], 
    normalizeFunction: 'polynomial', 
    hoverOpacity: 0.7, 
    hoverColor: false, 
    markerStyle: { 
     initial: { 
     fill: 'red', 
     stroke: '#383f47' 
     } 
    }, 
    backgroundColor: 'gray', 
    markers: [ 
     {latLng: [41.90, 12.45], name: 'Vatican City'}, 
     {latLng: [43.73, 7.41], name: 'Monaco'}, 
     {latLng: [-0.52, 166.93], name: 'Nauru'}, 
     {latLng: [-8.51, 179.21], name: 'Tuvalu'}, 
     {latLng: [43.93, 12.46], name: 'San Marino'}, 
     {latLng: [47.14, 9.52], name: 'Liechtenstein'}, 
     {latLng: [7.11, 171.06], name: 'Marshall Islands'}, 
     {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'}, 
     {latLng: [3.2, 73.22], name: 'Maldives'}, 
     {latLng: [35.88, 14.5], name: 'Malta'}, 
     {latLng: [12.05, -61.75], name: 'Grenada'}, 
     {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'}, 
     {latLng: [13.16, -59.55], name: 'Barbados'}, 
     {latLng: [17.11, -61.85], name: 'Antigua and Barbuda'}, 
     {latLng: [-4.61, 55.45], name: 'Seychelles'}, 
     {latLng: [7.35, 134.46], name: 'Palau'}, 
     {latLng: [42.5, 1.51], name: 'Andorra'}, 
     {latLng: [14.01, -60.98], name: 'Saint Lucia'}, 
     {latLng: [6.91, 158.18], name: 'Federated States of Micronesia'}, 
     {latLng: [1.3, 103.8], name: 'Singapore'}, 
     {latLng: [1.46, 173.03], name: 'Kiribati'}, 
     {latLng: [-21.13, -175.2], name: 'Tonga'}, 
     {latLng: [15.3, -61.38], name: 'Dominica'}, 
     {latLng: [-20.2, 57.5], name: 'Mauritius'}, 
     {latLng: [26.02, 50.55], name: 'Bahrain'}, 
     {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'} 
    ] 
     regions: [{ 
      scale: {   '1': '#4169E1',   '2': '#FF69B4'   }, 
      attribute: 'fill', 
      values: {"DE":1,"FR":2}, 
     }] 
} 
    }); 
}); 
    </script> 

我得到一個語法錯誤,但我想不出它在哪裏?

失蹤}後財產清單

回答

1

這項工作:

$(function(){ 
    $('#world-map').vectorMap({ 
     map: 'world_mill', 
     scaleColors: ['#C8EEFF', '#0071A4'], 
     normalizeFunction: 'polynomial', 
     hoverOpacity: 0.7, 
     hoverColor: false, 
     markerStyle: { 
      initial: { 
       fill: 'red', 
       stroke: '#383f47' 
      } 
     }, 
     backgroundColor: 'gray', 
     markers: [ 
      {latLng: [41.90, 12.45], name: 'Vatican City'}, 
      {latLng: [43.73, 7.41], name: 'Monaco'}, 
      {latLng: [-0.52, 166.93], name: 'Nauru'}, 
      {latLng: [-8.51, 179.21], name: 'Tuvalu'}, 
      {latLng: [43.93, 12.46], name: 'San Marino'}, 
      {latLng: [47.14, 9.52], name: 'Liechtenstein'}, 
      {latLng: [7.11, 171.06], name: 'Marshall Islands'}, 
      {latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis'}, 
      {latLng: [3.2, 73.22], name: 'Maldives'}, 
      {latLng: [35.88, 14.5], name: 'Malta'}, 
      {latLng: [12.05, -61.75], name: 'Grenada'}, 
      {latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines'}, 
      {latLng: [13.16, -59.55], name: 'Barbados'}, 
      {latLng: [17.11, -61.85], name: 'Antigua and Barbuda'}, 
      {latLng: [-4.61, 55.45], name: 'Seychelles'}, 
      {latLng: [7.35, 134.46], name: 'Palau'}, 
      {latLng: [42.5, 1.51], name: 'Andorra'}, 
      {latLng: [14.01, -60.98], name: 'Saint Lucia'}, 
      {latLng: [6.91, 158.18], name: 'Federated States of Micronesia'}, 
      {latLng: [1.3, 103.8], name: 'Singapore'}, 
      {latLng: [1.46, 173.03], name: 'Kiribati'}, 
      {latLng: [-21.13, -175.2], name: 'Tonga'}, 
      {latLng: [15.3, -61.38], name: 'Dominica'}, 
      {latLng: [-20.2, 57.5], name: 'Mauritius'}, 
      {latLng: [26.02, 50.55], name: 'Bahrain'}, 
      {latLng: [0.33, 6.73], name: 'São Tomé and Príncipe'} 
     ], 
     regions: [{ 
      scale: {   '1': '#4169E1',   '2': '#FF69B4'   }, 
      attribute: 'fill', 
      values: {"DE":1,"FR":2}, 
     }] 
    }); 
}); 

你已經錯過了一個逗號regions之前和}額外

+0

感謝有很多 - 語法現在工作並且地圖顯示正確。但不幸的是,國家的顏色不會改變? =。= – dirtybob

+1

用代碼和img打開一個新的主題,以顯示你有什麼和你想要什麼 –

+0

這樣做:http://stackoverflow.com/questions/41191725/jvectormap-change-country-color – dirtybob