1

の場合とほぼ同じ方法で、「class」または「id」タグのいずれかに添付するクリック可能なマーカーがあります<a href='' 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/

次に、$（ "＃element-id"）。modal（）;を使用しました。マーカークリックイベントで、外部Jqueryウィンドウを起動します。

お時間をいただきありがとうございます、ロイック！

4

1 に答える 1

1

おそらく、ここで行われた提案に従って dom ノードを取得できるでしょう: Get DOM Element of a marker in Google Maps API 3

それでも、dom ノードへのアクセス (id と css クラスを設定するため) は、Google マップ エンジニアリング チームがマーカーを設計した方法ではないようです。実際、マーカーには Google マップ API によって ID が割り当てられています。機能が壊れる可能性があるため、改ざんはしません。

マーカーのビジュアルを変更したい場合は、マーカーの代わりにアイコンを使用できます。アイコンは、カスタム イメージのマーカーです。ここで詳細情報を取得できます: http://code.google.com/apis/maps/documentation/javascript/overlays.html#Icons

また、マーカー自体を保持したい場合は、それを配列に格納して、後でコードでアクセスできます。

于 2011-07-08T09:51:05.807 に答える