從地圖標記打開Goog​​le方向轉換爲div

Question

我試圖從標記點擊Google地圖而不是在新窗口中的標記。

目前我可以在新窗口中打開方向，但是我想在點擊標記時顯示的div中的iframe中打開它們。

我不能在iframe上使用靜態src url，因爲我在地圖上爲不同的標記使用了不同的URL。

任何幫助將是偉大的，這是我迄今爲止。

var depots = [ 
    ['Barnsley', 53.572664, -1.455800, 11, 'http://maps.google.com/?daddr=53.572664,-1.455800&directionsmode=driving'], 
    ['Birmingham', 52.359018, -1.938033, 10, 'http://maps.google.com/?daddr=52.359018,-1.938033&directionsmode=driving'], 
    ['Brentwood', 51.576452, 0.278843, 9, 'http://maps.google.com/?daddr=51.576452,0.278843&directionsmode=driving'], 
    ['Bristol', 51.501280, -2.366513, 8, 'http://maps.google.com/?daddr=51.501280,-2.366513&directionsmode=driving'], 
    ['Cambridge', 52.184396, -0.064012, 7, 'http://maps.google.com/?daddr=52.184396,-0.064012&directionsmode=driving'], 
    ['Edinburgh', 56.129890, -3.390296, 6, 'http://maps.google.com/?daddr=56.129890,-3.390296&directionsmode=driving'], 
    ['Gatwick', 51.152422, -0.216219, 5, 'http://maps.google.com/?daddr=51.152422,-0.216219&directionsmode=driving'], 
    ['Glasgow', 55.927129, -4.467189, 4, 'http://maps.google.com/?daddr=55.927129,-4.467189&directionsmode=driving'], 
    ['Heathrow', 51.508121, -0.387525, 3, 'http://maps.google.com/?daddr=51.508121,-0.387525&directionsmode=driving'], 
    ['Manchester', 53.220004, -2.414895, 2, 'http://maps.google.com/?daddr=53.220004,-2.414895&directionsmode=driving'], 
    ['Southampton', 50.959088, -1.345449, 1, 'http://maps.google.com/?daddr=50.959088,-1.345449&directionsmode=driving'], 


    ]; 
for (var i = 0; i < locations.length; i++) { 
    var depot = locations[i]; 
    var myLatLng = new google.maps.LatLng(depot[1], depot[2]); 
    var marker = new google.maps.Marker({ 
     position: myLatLng, 
     map: map, 
     icon: image, 
     shape: shape, 
     title: depot[0], 
     zIndex: depot[3], 
     url: depot[4] 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     document.getElementById('direction').style.display = ""; 
     window.location.href = this.url; 
    }); 
} 

的HTML：

<div id="directionholder"> 
    <iframe id="directioniframe" frameborder="0" > </iframe> 
</div> 

我試圖做的this.url一個VAR和設定，在功能，但沒有運氣

var URLis = this.url; 
document.getElementById('directioniframe').src = " URLis "; 

Answer 1

你有沒有嘗試它拆一個函數？

google.maps.event.addListener(marker, 'click', direction); 
function direction(evt) 
{ 
    document.getElementById('directioniframe').src = this.url; 
} 

Answer 2

這裏有一個簡單的例子，應該怎麼做：http://jsfiddle.net/lotusgodkk/x8dSP/3550/

我已經粘貼這應該是循環內的代碼。看看它。

JS：

var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title: 'Hello World!', 
    url:'http://jsfiddle.net' 
}); 
google.maps.event.addListener(marker, 'click', function() { 
    //document.getElementById('direction').style.display = ""; 
    var win = window.open(this.url, '_blank'); 
    win.focus(); 
}); 

關於你的評論中提到的錯誤，是指這樣的回答：Error 6 (net::ERR_FILE_NOT_FOUND): The file or directory could not be found

必須將錯誤由於協議的問題。另請注意，由於same origin policy，iframe不會加載。在這裏閱讀更多：http://javascript.info/tutorial/same-origin-security-policy