將Google Maps API v3鏈接粘貼到電子郵件中

Question

嗨，我有以下使用Google Maps API版本3的網頁。是否可以創建按鈕或右鍵單擊地圖並將鏈接發送給與Google地圖相似的人「鏈接」按鈕，它允許您「粘貼電子郵件或即時通訊中的鏈接」的放大級別和您正在查看的程度？我搜索了這個，但找不到任何東西。謝謝！

https://netfiles.uiuc.edu/alouchio/shared/ztest.shtml

Answer 1

沒有任何下降開箱，可以讓你做到這一點的，但實施它自己不應該是困難的。首先，您需要爲可用於導航到特定位置的頁面定義一些查詢字符串參數。要設置正確的位置和縮放級別，您將需要三個參數：緯度，經度和縮放，所以你的URL可能看起來像：

https://netfiles.uiuc.edu/alouchio/shared/ztest.shtml?lat=40.300842&lng=-86.864734&z=6 

然後，當你初始化你的地圖，你將需要檢查這些參數的存在，如果是這樣，定位適當的地圖：

將該查詢字符串，我們需要一個函數來處理這部分，這裏是一個簡單的：

// A function to get the qs params, borrowed from http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html 
function getUrlVars() 
{ 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
    for(var i = 0; i < hashes.length; i++) 
    { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
    } 
    return vars; 
} 

然後你可以檢查是否存在正確的查詢字符串參數你初始化地圖後CH應該叫...

var params = getUrlVars(); 

if (params["lat"] && params["lng"] && params["z"])  
{   
    map.setCenter(new GLatLng(parseFloat(params["lat"]), 
     parseFloat(params["lng"]), parseInt(params["z"])); 
} 

最後，生產環節，你可以創建一個按鈕生成鏈接信息：

function showLink() 
{ 
    var ctr = map.getCenter(); 
    alert("https://netfiles.uiuc.edu/alouchio/shared/ztest.shtml?lat=" 
+ ctr.lat().toString() + "&lng=" + ctr.lng().toString() + "&z=" + map.getZoom().toString()); 
} 

而不是map.setCenter我用過：

var myOptions1 = { 
    zoom: parseInt(params["z"]), 
    center: new google.maps.LatLng(parseFloat(params["lat"]), parseFloat(params["lng"])),