1

我有一個可點擊的標記,我想附加一個'class'或'id'標籤到 ,方法與<a href='' id='???'>的方式非常相似。將「Class」或「id」標籤附加到標記鏈接

<div id="map" style="width: 500px; height: 400px;"></div> 
<script type="text/javascript"> 
var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 2, 
    center: new google.maps.LatLng(35.55, -25.75), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

var marker = new google.maps.Marker({ 
    position: map.getCenter(), 
    url: '#popup1', 
    map: map 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    window.location.hash = marker.url; 
}); 


對於那些想也回答:我發現SimpleModal。

http://www.ericmmartin.com/projects/simplemodal/

然後我用$( 「#元件-ID」)的模態();標記點擊事件,它啓動一個外部的Jquery窗口。

感謝您的時間,雖然,Loïc!

回答

1

也許你就能得到以下這裏提出的建議的DOM節點:仍然 Get DOM Element of a marker in Google Maps API 3

,訪問DOM節點(以設定的ID和CSS類)不似乎是谷歌地圖工程團隊設計標記的方式。事實上,標記是由谷歌地圖API分配的ID,我不會篡改它,因爲它可能會破壞功能。

如果你想要改變標記的視覺效果,你可以使用圖標而不是標記。圖標是具有自定義圖像的標記。你可以在這裏得到更多的信息: http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

如果你想要保留標記本身,你可以將它存儲在一個數組中,稍後在代碼中訪問它。

+0

(對不起,我不知道「ENTER」意思是提交:))我想用ID打開一個JQUERY彈出窗口作爲Google infowindows的替代方法。如果我設置了特定的ID,彈出窗口才會打開。有沒有解決這個問題的方法?也許可以使用未由google api設置的外部標記?謝謝 – pufAmuf

+0

我不知道jQuery的模態插件。這似乎很有用,感謝分享! –