jquery - 默认情况下显示信息窗口和谷歌地图中的不同标记

Question

我的 HTML:

<div id="map_canvas" style="width: 625px; height: 500px;"></div>

我的 JQuery:

var infowindow = null;
    $(document).ready(function () { initialize();  });

    function initialize() {

        var centerMap = new google.maps.LatLng(40.68194, -73.94439);

        var myOptions = {
            zoom: 13,
            center: centerMap,
            scaleControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

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

        setMarkers(map, sites);
        infowindow = new google.maps.InfoWindow({
                content: "loading...", maxWidth: 150
            });

        //var bikeLayer = new google.maps.BicyclingLayer();
        //bikeLayer.setMap(map);
    }   

    function setMarkers(map, markers) {

        for (var i = 0; i < markers.length; i++) {
            var sites = markers[i];
            var siteLatLng = new google.maps.LatLng(sites[1], sites[2]);
            var marker = new google.maps.Marker({
                position: siteLatLng,
                map: map,
                title: sites[0],
                zIndex: sites[3],
                html: sites[4]
            });

            var contentString = "Some content";

            google.maps.event.addListener(marker, "click", function () {
                //alert(this.html);
                infowindow.setContent(this.html);
                infowindow.open(map, this);
            });
        }
    }

我怎样才能实现，

1. 默认情况下在页面加载时显示 site[0] 信息气泡。

2. 在 map 上为每个人设置不同的标记。

Answer 1

默认情况下在页面加载时显示站点[0] 信息气泡。

infowindow.open(map, site[0]);

为 map 上的每个标记设置不同的标记。假设您指的是不同的标记图像，您可以在创建标记时设置它们，也可以简单地稍后调用 site[i].setIcon('newImage.png')

引用:Google Maps API v3: How do I dynamically change the marker icon?