10

私のコードは次のようになります。

var map = /*some google map - defined earlier in the code*/;
var geocoder = new google.maps.Geocoder();
var address = 'Some Address, Some Street, Some Place';
geocoder.geocode({'address':address},function(results,status){
    if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var infobox = new google.maps.InfoWindow({
            content: 'Hello world'
        });
        for(i in results){
            var marker = new google.maps.Marker({
                map: map, 
                position: results[i].geometry.location
            });
            google.maps.event.addListener(marker, 'click', function() {
                infobox.setContent('blablabla');
                infobox.open(map,marker);
                alert(infobox.content); //displays 'blablabla'
            });
        }
    }
});

基本的に、指定された住所文字列に基づいて、単一のマップ上にいくつかのマーカーを作成しています。クリックすると開くマーカーに infoWindow を追加します。

問題は、infoWindow に何も表示されないことです。

スクリーンショットはこちら:

スクリーンショット

PS: Maps API V3 の使用

4

4 に答える 4

24

同じ問題が発生したところ、非常に単純な原因が見つかりました。情報ウィンドウのテキストは実際には表示されていましたが、色が白であるため、白の背景には表示されませんでした。CSSを介してコンテンツに異なる色を与えることで、問題は解決しました。

于 2012-05-08T19:06:19.870 に答える
2

基本的に、マーカー追加ループの外部の関数を使用して、各マーカーにインフォボックスメッセージを追加する必要があります...例と詳細な説明については、 http ：//code.google.com/apis/maps/documentation/javascriptを参照してください。 /events.html#EventClosures

于 2010-11-27T11:15:21.027 に答える
0

これが私がやった方法です。

var map,markersArray,infowindow; //infowindow has been declared as a global variable.

function initialize(){
    var myOptions = {
    zoom: 14,
    center: new google.maps.LatLng(51.5001524,-0.1262362),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);

    infowindow = new google.maps.InfoWindow(
                    { 
                        size: new google.maps.Size(150,50)
                    });

    google.maps.event.addListener(map, 'click', function() {
        infowindow.close();
        });

    markersArray = [];
}

function createMarker(latlng, html,zoom) {
   var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
    });

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
    });
    marker.MyZoom = zoom; 
    return marker; 
}

実際の例はこちらで、完全な JavaScript はこちらで見つけることができます。

于 2010-11-29T16:30:49.377 に答える