Google maps 将不同的自定义图标添加到google地图中的不同标记
我想在谷歌地图的特定标记中添加一个不同的自定义标记。我制作了一个名为icon的var,它有一个名为test.png的png,我只想将它添加到我变大的to元素标记之一。最后,我将有一个标记与正常谷歌地图的外观和另一个与我的自定义标记 谢谢你的帮助Google maps 将不同的自定义图标添加到google地图中的不同标记,google-maps,Google Maps,我想在谷歌地图的特定标记中添加一个不同的自定义标记。我制作了一个名为icon的var,它有一个名为test.png的png,我只想将它添加到我变大的to元素标记之一。最后,我将有一个标记与正常谷歌地图的外观和另一个与我的自定义标记 谢谢你的帮助 <script> function infoOpen(i) { google.maps.event.trigger(gmarkers[i], 'click'); } var gmarkers
<script>
function infoOpen(i)
{
google.maps.event.trigger(gmarkers[i], 'click');
}
var gmarkers = [];
var markers = [];
markers = [
['1', '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h4 id="firstHeading" class="firstHeading">test</h4>'+
'<div id="bodyContent">'+
'<p><ul><li>test</li>'+
'</div>'+
'</div>', 46.332414, 11.447935],
['2', '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h4 id="firstHeading" class="firstHeading">test</h4>'+
'<div id="bodyContent">'+
'<p><ul><li>test</li>'+
'</div>'+
'</div>', 42.332414, 13.447935],
];
$(document).ready(function () {
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
var icon = new google.maps.MarkerImage('test.png',
new google.maps.Size(96, 59),
new google.maps.Point(0,0),
new google.maps.Point(32, 59)
);
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var infowindow = new google.maps.InfoWindow();
var marker, i;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
var content = markers[i][1];
bounds.extend(pos);
marker = new google.maps.Marker({
position: pos,
map: map
});
gmarkers.push(marker);
google.maps.event.addListener(marker, 'click', (function(marker, content) {
return function() {
infowindow.setContent(content);
infowindow.open(map, marker);
}
})(marker, content));
}
map.fitBounds(bounds);
});
</script>
功能信息公开(一)
{
google.maps.event.trigger(gmarkers[i],'click');
}
var gmarkers=[];
var标记=[];
标记=[
['1', ''+
''+
''+
“测试”+
''+
“- 测试”
''+
'', 46.332414, 11.447935],
['2', ''+
''+
''+
“测试”+
''+
“
- 测试”
''+
'', 42.332414, 13.447935],
];
$(文档).ready(函数(){
变量myOptions={
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:false
};
var icon=new google.maps.MarkerImage('test.png',
新谷歌地图尺寸(96,59),
新google.maps.Point(0,0),
新谷歌地图点(32,59)
);
var map=new google.maps.map(document.getElementById(“map”),myOptions);
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i
我相信您只需将图标添加到您创建的标记之一:
gmarkers[0].setIcon('test.png');
如果要在循环内执行此操作,请执行以下操作:
['1', '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h4 id="firstHeading" class="firstHeading">test</h4>'+
'<div id="bodyContent">'+
'<p><ul><li>test</li>'+
'</div>'+
'</div>', 46.332414, 11.447935, 'test.png'],
['2', '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h4 id="firstHeading" class="firstHeading">test</h4>'+
'<div id="bodyContent">'+
'<p><ul><li>test</li>'+
'</div>'+
'</div>', 42.332414, 13.447935, ''],
];
['1','+
''+
''+
“测试”+
''+
“- 测试”
''+
'',46.332414,11.447935,'test.png'],
['2', ''+
''+
''+
“测试”+
''+
“
- 测试”
''+
'', 42.332414, 13.447935, ''],
];
然后
for (i = 0; i < markers.length; i++) {
var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
var content = markers[i][1];
bounds.extend(pos);
marker = new google.maps.Marker({
position: pos,
map: map,
});
if (markers[i][4] != '') {
marker.setIcon(markers[i][4]);
}
gmarkers.push(marker);
google.maps.event.addListener(marker, 'click', (function(marker, content) {
return function() {
infowindow.setContent(content);
infowindow.open(map, marker);
}
})(marker, content));
}
for(i=0;i
我不知道如何将var图标添加到元素中?我知道我必须在这段代码中添加它:[2',''+'+''+'test'+'+'+'+'- test '+'+''''+'',42.332414,13.447935],