0

Google マップにカスタム マーカーを配置しようとしています。使用したいアイコンは png ファイルで、マップ上に配置されているポイントのタイプによって異なります。ポイントの位置とそのマーカーの png ファイルの URL の両方が、SQL データベースから取得されます。

私が使用しているコードは次のとおりです

var mapOptions = {
    center: new google.maps.LatLng(markers[0].lat, markers[0].lon),
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    //  marker:true
};
var infoWindow = new google.maps.InfoWindow();

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
for (i = 0; i < markers.length; i++) {
    var data = markers[i]
    var myLatlng = new google.maps.LatLng(data.lat, data.lon);
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: data.venue,
        icon: data.image
    });

これを実行すると、マップ上に非常に大きなマーカーが表示されます。各マーカーは正しいものですが、大きすぎて寄せ集めのように見えます。

アイコンのサイズを制御する方法について何か提案はありますか?

4

1 に答える 1

2

MarkerOptions として google.maps.Icon を指定できます。

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: data.venue,
    icon: {
        url: data.image,
        scaledSize: new google.maps.Size(32, 32)
    }
});
于 2013-10-18T19:43:46.053 に答える