Google Maps API v3を使用して、マーカーとヒントを含むかなり標準的な地図を実装しています。
ステップバイステップで行こうとしていますが、マーカーをクリックできるようになると行き詰まります。ドキュメントを読んだところ、マーカーはデフォルトでクリック可能であり、title
パラメーターが設定されているものは何でも表示されます。
マップ内の予想される場所にマーカーを正常に表示しています。しかし、ツールチップを表示することはできません。マーカーはクリック可能(カーソルが変化)のように見えますが、クリックしても何も起こりません。ツールチップが表示されることを期待する必要があります。
これが私のコードです。これは、APIドキュメントで見つけたものの単純な実装ですが、いくつかの工夫が加えられています。
*注:*stores
すべてのデータを取得するためにJSオブジェクトを反復処理しています。name
プロパティはプレーンテキストです。
/* Show Stores Data on Map
----------------------------------------------------- */
var center = new google.maps.LatLng( 47.56980820673984, -71.09390248632815 );
function initialize()
{
var mapOptions = {
center : center,
zoom : 6,
mapTypeId : google.maps.MapTypeId.ROADMAP,
zoomControl : true,
disableDefaultUI : true
};
theMap = new google.maps.Map(
document.getElementById("storemap"), mapOptions );
/* place markers on the map */
$.each( stores, function(i,v)
{
stores[i]['marker'] = new google.maps.Marker(
{
position : new google.maps.LatLng( this.coords.lat, this.coords.lng ),
map : theMap,
title : this.name
});
});
}
initialize();
私は何か見落としてますか ?