Google Maps API - 製作成鏈接

我正在使用google map api。這張地圖最初在帶有標記的頁面上。當用戶點擊時，標記打開了一些細節。另外，用戶可以使用大地圖控件進行縮放等。最後，用戶可以拖動地圖可視區域。Google Maps API - 製作成鏈接

我們試圖把它變成一張地圖： 1）在地圖上放置了標記，但它不再可點擊。 2）點擊地圖現在是超鏈接到不同的地圖頁面。

一切正常，除了：當您將鼠標懸停在地圖上時，光標看起來像您應該拖動地圖，而不是您將鼠標懸停在鏈接上時得到的手指。如果你鼠標懸停，你仍然可以拖動地圖;但是，只要鬆開鼠標，鏈接就會激活，然後轉到新頁面。

如何關閉此拖動功能並使光標看起來像指針？

這裏是我的代碼：

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=MY KEY IS HERE" 
     type="text/javascript"></script> 
<script language="JavaScript" type="text/JavaScript"> 
<!-- 
function MM_openBrWindow(theURL,winName,features) { //v2.0 
    window.open(theURL,winName,features); 
} 

function load() { 
     if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map"));  
//  map.addControl(new GLargeMapControl()); 
     //code to setup the map START 
     //creating Geocoder object to get geolocation from an address 
      geocoder.getLatLng("123 Main St, Boston, MA", 
       function (point) 
       { 
        map.setCenter(point,15); 
        map.addOverlay(createMarker(point,1)); 
       });   
     //code to setup the map STOP 

     // Creates a marker at the given point with the given number label 
function createMarker(point, number) { 
    var marker = new GMarker(point); 
    return marker; 
} 

     } 
    } 
//--> 
</script>

而且在那裏我打電話HTML中的地圖：

<a href="http://www.mysite.com"> 
    <div id="map" style="width: 298px;height:150px;"></div> 
</a>

預先感謝一如既往。

來源

2013-02-07 Kevin

您正在使用[Google Maps API v2]（https://developers.google.com/maps/documentation/javascript/v2/reference），這已棄用，並可能在2013年5月19日停止工作。不鼓勵使用該API的新開發。 – geocodezip

啊。好的謝謝。 – Kevin

使用版本3的地圖API，您可以通過傳入其中包含draggable: false的map options對象來禁用拖動。

這裏是你如何與第3版API做到這一點：

var mapOptions = { 
    // add other options here as needed 
    draggable: false 
} 

var map = new google.maps.Map(document.getElementById("map"), 
      mapOptions);

如果你仍然想對即將被廢棄的版本2 API做到這一點，這reference有一些關於它的信息。我不熟悉的第2版的API，但它看起來像你只是這樣做：

var map = new GMap2(document.getElementById("map")); 
map.disableDragging();

要更改所使用的遊標，看看在GMapOptions類。您將這些選項傳遞給上面的GMap2構造函數。

來源

2013-02-07 04:39:39

謝謝Sunil。我繼續前進並轉換到v3，然後使用上面的提示。 – Kevin

Google Maps API - 製作成鏈接

回答

相關問題