我有自定义Google地图,其中包含艺术家位置的标记.我想制作8种不同类别的标记.我读到了必须制作标记数组并指定一个类别,但老实说我不知道从哪里开始..
我认为这个问题与我想要的很接近: 按类别切换开启/关闭Google地图标记.试图让它工作,但无济于事,我只是知之甚少.
这是我的HTML.我有一张地图和几个复选框准备好,复选框尚未使用.
<body onload="initialize()">
<div id="map_container">
<div id="map_canvas" style="width:700px; height:350px">
</div>
</div>
<div id="map_filter">
<form action="#">
<input type="checkbox" id="beeldend" onclick="displayMarkers(1)" /><label>Beeldende kunst</label><br />
<input type="checkbox" id="film" onclick="displayMarkers(2)" /><label>Film/fotografie</label><br />
<input type="checkbox" id="dans" onclick="displayMarkers(3)" /><label>Dans</label>
</form>
</div>
</body>
这是我的JS.我有一个cat1阴影和cat1图标,应该是8种不同的类型,但这可能不是这样做的所以我只保留一只猫以便于阅读.然后我有一个标记(art1),它有自己的pos,阴影等.
function initialize() {
var latlng = new google.maps.LatLng(52.0840356, 5.1546501);
var settings = {
zoom: 13,
center: latlng,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
var contentString = …javascript google-maps google-maps-api-3 google-maps-markers