Google maps 谷歌地图-如何为每个标记添加不同的图片
我目前使用以下脚本:Google maps 谷歌地图-如何为每个标记添加不同的图片,google-maps,google-maps-markers,thumbnails,Google Maps,Google Maps Markers,Thumbnails,我目前使用以下脚本: <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <div id="map" style="width: 800px; height: 800px;"></div> <script type="text/javascript"> var l
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
<div id="map" style="width: 800px; height: 800px;"></div>
<script type="text/javascript">
var locations = [
['info1', 46.780961,6.64018],
['info2', 46.511102,6.493958],
['info3', 46.516786,6.629087],
['info4', 46.442796,6.895498],
['info5', 46.463002,6.843443]
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(46.519962,6.633597),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
变量位置=[
[info1',46.780961,6.64018],
[info2',46.511102,6.493958],
[info3',46.516786,6.629087],
[info4',46.442796,6.895498],
[info5',46.463002,6.843443]
];
var map=new google.maps.map(document.getElementById('map'){
缩放:10,
中心:新google.maps.LatLng(46.519962,6.633597),
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var infowindow=new google.maps.infowindow();
var标记,i;
对于(i=0;i
我不使用php/mysql,而是使用html,因为地图非常简单(只有五个位置),而且永远不会改变
我想要的是为每个标记添加不同的图片(如:)
可能吗
我不是开发人员,也不知道该怎么做
谢谢你的帮助 创建这样的标记时,可以指定图像的URL:
var image = {
url: thumbnailUrl,
size: new google.maps.Size(20, 20),
origin: new google.maps.Point(0,0),
anchor: new google.maps.Point(10, 10)
};
marker = new google.maps.Marker({
icon: image,
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
这里的问题是javascript闭包 因此,与其这样做
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
你应该这样做
google.maps.event.addListener(marker, 'click',
(function (localMarker, location) {
return function () {
infowindow.setContent(location);
infowindow.open(map, localMarker);
};
})(marker, locations[i][0]));
可能重复的