如何使用JS從外部點擊以不同顏色顯示Geomap

Question

我正在嘗試使用2種配色方案的geomap。用戶將點擊頁面上的鏈接，然後使用js，我將更改地圖的顏色並重新繪製它。

我會改變

options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green 

的問題是，我每次調用函數時重繪它似乎重新加載地理位置圖。我有兩個功能..下面的是綠色的，另一個是繪製藍色的地圖。 一開始我通過調用setOnLoadCallBack

google.setOnLoadCallback(drawMap); 

任何幫助或想法，將appreaciated畫使用drawMap的藍圖！

function drawGoalsMap() { 
      var options = {}; 
      options['dataMode'] = 'regions'; 
      options['region'] = 'world'; 
      options['colors'] = [0xbaecc7, 0x3bc75f]; // light to dark green 
      options['width'] = '900px'; 
      options['height'] = '400px'; 

      var data = new google.visualization.DataTable(); 
      data.addRows(6); 
      data.addColumn('string', 'Country'); 
      data.addColumn('number', 'Messages'); 
      data.setValue(0, 0, 'Germany'); 
      data.setValue(0, 1, 200); 
      data.setValue(1, 0, 'United States'); 
      data.setValue(1, 1, 300); 
      data.setValue(2, 0, 'Brazil'); 
      data.setValue(2, 1, 400); 
      data.setValue(3, 0, 'Canada'); 
      data.setValue(3, 1, 500); 
      data.setValue(4, 0, 'France'); 
      data.setValue(4, 1, 600); 
      data.setValue(5, 0, 'RU'); 
      data.setValue(5, 1, 700); 

      var container = document.getElementById('map_canvas'); 
      var geomap = new google.visualization.GeoMap(container); 
      geomap.draw(data, options); 

      google.visualization.events.addListener(geomap, 'regionClick', 
       function(e) { 
           var countryCode = e['region']; 
           DrillDown(countryCode); 
          } 
      ); 

     }; 

Answer 1

經過在我的代碼中編輯機會後，我發現問題!!!

我所用的鏈接<a href="" onclick="drawGoalsMap()">Goals</a>

我改變了它排除href=""

<a onclick="drawGoalsMap()">Goals</a>