1

私は、自動車事故の場所を記録するために使用した小さな Google マップ ページを持っています。事故がオフィスから 65 マイル以内で発生した場合は、別の方法で処理されます。そこで、次のコードを使用して、中心にマーカーを付けて円を描きました。

var s25 = new google.maps.LatLng(53.3664887, -1.236279);
var el=document.getElementById("map_canvas");
map = new google.maps.Map(el, myOptions);

 var marker = new google.maps.Marker({
    map: map,
    position: s25
});

 var sunCircle = {
    strokeColor: "#c3fc49",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#c3fc49",
    fillOpacity: 0.35,
    map: map,
    center: s25,
    radius: 104607.36 // in meters
};
cityCircle = new google.maps.Circle(sunCircle);
cityCircle.bindTo('center', marker, 'position');

これは正常に機能し、事故の場所に新しいマーカーをドロップするために使用するコードは正常に機能しますが、場所が円の外側にある場合のみです。Google マップで円内にマーカーをドロップできません。

私は少し調査を行い、理想的に聞こえるマップペインに関するいくつかの情報を見つけましたが、未定義のエラーが発生するだけなので、これを呼び出す方法がわかりません。

どんな助けでも大歓迎です:)

4

1 に答える 1

3

円にclickable：falseを設定します。または、MouseEventsのイベントリスナーをサークルに追加し、それらを使用してマーカーを配置します。

于 2012-11-28T10:56:24.750 に答える