0

希望する場所にマーカーを付けて地図をうまく表示し、情報ウィンドウにカスタム コンテンツを表示することができます。

代わりに、maps.google.com で見つけられるように、デフォルトの Google プレイス ページ情報を情報ボックスに表示することをお勧めします。例はこちら。

埋め込みの代わりに Maps API を使用している唯一の理由は、マップ コントロールを左上隅から移動する必要があるためです。マップを埋め込んでコントロールを移動する方法があれば、それは素晴らしいことです! それ以外の場合は、生成している情報ウィンドウにプレイス コンテンツを取り込めるようにする必要があります。私のコードは以下です。

var latlng = new google.maps.LatLng(43.6985770, -73.7154730);
var mapOptions = {
        zoom: 17,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.DEFAULT,
            position: google.maps.ControlPosition.RIGHT_TOP
        },
        streetViewControl: false,
        panControl: false,
        scaleControl: false
    };

var map = new google.maps.Map(document.getElementById("map_canvas"),
    mapOptions);

var contentString = '<h1>Title</h1> <p>Content</p>';

var infowindow = new google.maps.InfoWindow({
    content: contentString,
    maxWidth: 260
});

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

infowindow.open(map,marker);

ありがとう！

4

1 に答える 1

0

Google Place APIを見てください。

于 2011-03-21T19:29:45.593 に答える