加載谷歌地圖onclick事件

Question

我使用下面的代碼

function displayMapAt_map2() 
 
{ 
 
     google.load("visualization", "1", {packages:["map"]}); 
 
     google.setOnLoadCallback(drawChart); 
 
     function drawChart() { 
 
     var data = google.visualization.arrayToDataTable([ 
 
      ['Lat', 'Long', 'Name'], 
 
      [-6.6,106.829635, 'Work'], 
 
      [-6.6,106.859665, 'University'], 
 
      [-6.6,106.849685, 'Airport'], 
 
      [-6.6,106.839685, 'Shopping'] 
 
     ]); 
 
\t var options = { 
 
\t showTip: true, 
 
\t center: location, 
 
\t zoom: 2, 
 
\t mapType: 'normal', 
 
\t enableScrollWheel: true 
 
\t } 
 

 
     var map = new google.visualization.Map(document.getElementById('map-canvas2')); 
 
     map.draw(data,options); 
 
     } 
 
}

但是這不是爲我工作

Answer 1

我得到的回答這一點。它幫助我這樣

 google.load("visualization", "1", {packages:["map"]}); 
 
     google.setOnLoadCallback(drawChart); 
 
     function drawChart() { 
 
     var data = google.visualization.arrayToDataTable([ 
 
      ['Lat', 'Long', 'Name'], 
 
      [-6.6,106.829635, 'Work'], 
 
      [-6.6,106.859665, 'University'], 
 
      [-6.6,106.849685, 'Airport'], 
 
      [-6.6,106.839685, 'Shopping'] 
 
     ]); 
 
\t var options = { 
 
\t showTip: true, 
 
\t center: location, 
 
\t zoom: 2, 
 
\t mapType: 'normal', 
 
\t enableScrollWheel: true 
 
\t } 
 

 
     var map = new google.visualization.Map(document.getElementById('map-canvas2')); 
 
     map.draw(data,options); 
 
     } 
 
function displayMapAt_map2() 
 
{ 
 
    drawChart(); 
 
}

Answer 2

都需要這樣的調用，

<a href="#local" onClick="displayMapAt_map2(event)">add</a> 

然後在功能，

function displayMapAt_map2(e) 
{ 
     e.preventDefault(); 
     google.load("visualization", "1", {packages:["map"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Lat', 'Long', 'Name'], 
      [-6.6,106.829635, 'Work'], 
      [-6.6,106.859665, 'University'], 
      [-6.6,106.849685, 'Airport'], 
      [-6.6,106.839685, 'Shopping'] 
     ]); 
    var options = { 
     showTip: true, 
     center: location, 
     zoom: 2, 
     mapType: 'normal', 
     enableScrollWheel: true 
    } 

     var map = new google.visualization.Map(document.getElementById('map-canvas2')); 
     map.draw(data,options); 
     } 
}