-3

以下は私のコードです。可能であれば、3番目の設定(リンク、座標、アイコン)を作成してループに追加したいと思います。各大学には固有のアイコンが必要です。

以下の私の配列を参照してください。

var markers = [
    ['<a href="http://www.ship.edu">Shippensburg University</a>', 40.06090, -77.52148],
    ['<a href="http://www.millersville.edu">Millersville University</a>', 39.99680, -76.35440],
    ['Kutztown University', 40.50980, -75.78410],
];


function initialize() {
    var latlng = new google.maps.LatLng(40.9, -77.5);
    var myOptions = {
        zoom: 7,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.TERRAIN,
        mapTypeControl: false
    };
    var map = new google.maps.Map(document.getElementById("gmap"),myOptions);
    var infowindow = new google.maps.InfoWindow(), marker, i;
    for (i = 0; i < markers.length; i++) {  
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(markers[i][1], markers[i][2]),
            map: map,
             icon: '../university.png'
        });
        google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
                infowindow.setContent(markers[i][0]);
                infowindow.open(map, marker);
            }
        })(marker, i));
    }
}

google.maps.event.addDomListener(window, 'load', initialize);
4

1 に答える 1