0

Googleマップにマーカーを追加しようとしていますが、表示されません。

関数を呼び出してcreateMarkers(x, y)、aspxページから2つの文字列を渡します。

createMarkers関数は次のとおりです。

function createMarkers(x, y) {

var latlng = new google.maps.LatLng(x, y);
console.log(latlng);

var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: "User location"
}); 

};

マーカーはマップに表示されず、エラーはコンソールに出力されません。

変数latlngをコンソールに記録して検査しました。これが表示されます。

O
ab: 51.486091
cb: -0.05983800000001338
__proto__: O

ここでマーカーに関するGoogleのドキュメントを確認しましたが、取得したコードは十分に機能するように見えます。

最後に、x&yパラメーターを使用する代わりに、latlng変数に直接座標を追加してみました。これもうまくいきませんでした。

私はかなり明白な何かが欠けていると思います。いつものようにどんな助けでも大歓迎です!

JA

4

2 に答える 2

0

これらは、マップをレンダリングしてマーカーを追加するために使用する関数です。

function renderMap(mapContainer) {
    var mapOptions = {
            zoom: 4,
            center: new google.maps.LatLng(43.645004, -79.380707),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    window.map = new google.maps.Map(mapContainer, mapOptions);
}

function addMarkerToMap(lat, long, titleText) {
    new google.maps.Marker({
        title: titleText,
        map: map,
        position: new google.maps.LatLng(lat, long)
    });
}   
于 2012-06-17T22:19:04.920 に答える
0

機能はそのまま動作するはずです。

map-variable が使用可能であり、map-object を指していると仮定します。

地図にマーカーを追加しても、地図のビューポートがマーカーを含むように設定されません。マーカーは存在するが、ビューポートの外にある可能性がありますか?

これを の最後に追加してみてくださいcreateMarkers():

map.setCenter(latlng);
于 2012-06-17T23:54:53.500 に答える