Javascript 在谷歌地图中指定不同的标记

Javascript 在谷歌地图中指定不同的标记,javascript,google-maps,Javascript,Google Maps,我正在使用谷歌地图和经典ASP进行一个项目。地图上有各种各样的位置,这些位置都从数据库中拉出,这很好,而且工作得很完美 我想做的是根据属性类型等分配不同的标记。 我已经搜索过了,但找不到该怎么做,因为我的javascript不是很好。任何指点都将受到感激。我确实需要使用以下代码,但经过了调整 PS:我去掉了ASP分隔符,因为代码似乎要执行:-) var icon=new google.maps.MarkerImage(“http://maps.google.com/mapfiles/ms/mic

我正在使用谷歌地图经典ASP进行一个项目。地图上有各种各样的位置,这些位置都从数据库中拉出,这很好,而且工作得很完美

我想做的是根据属性类型等分配不同的标记。

我已经搜索过了,但找不到该怎么做,因为我的javascript不是很好。任何指点都将受到感激。我确实需要使用以下代码,但经过了调整

PS:我去掉了ASP分隔符,因为代码似乎要执行:-)

var icon=new google.maps.MarkerImage(“http://maps.google.com/mapfiles/ms/micons/blue.png",
新的google.maps.Size(32,32),新的google.maps.Point(0,0),
新的google.maps.Point(16,32));
var中心=null;
var-map=null;
var-currentPopup;
var bounds=new google.maps.LatLngBounds();
功能添加标记(lat、lng、info){
var pt=新的google.maps.LatLng(lat,lng);
边界扩展(pt);
var marker=new google.maps.marker({
职位:pt,
图标:'../img/map/Bar.png',
地图:地图
});
var popup=new google.maps.InfoWindow({
内容:信息,,
最大宽度:500
});
google.maps.event.addListener(标记“单击”,函数(){
如果(currentPopup!=null){
currentPopup.close();
currentPopup=null;
}
弹出。打开(地图、标记);
当前弹出=弹出;
});
google.maps.event.addListener(弹出窗口“closeclick”,函数(){
潘托地图(中);
currentPopup=null;
});
}
函数initMap(){
map=new google.maps.map(document.getElementById(“map”){
中心:新google.maps.LatLng(0,0),
缩放:14,
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:false,
mapTypeControlOptions:{
样式:google.maps.MapTypeControlStyle.HORIZONTAL\u栏
},
导航控制:对,
导航控制选项:{
样式:google.maps.NavigationControlStyle.SMALL
}
});
sSQL=“选择id、名称、省份、纬度、液化天然气、地图包含、度假区地图类型,其中(地图包含='Playa Del Ingles'和live=1)按id asc排序”
设置ors=cn.Execute(sSql)
不使用ors.eof时请勿使用
//loop做了一些我不会让你厌烦的事情
response.write“addMarker(&lat&“,&lon&“,”&name&“”&prop_type&“
”&province&“
”)”&VbCrLf&“;” 下一个 环 center=bounds.getCenter(); 映射边界(bounds); }
在不更改大量代码的情况下,我会将addMarker方法更改为包含“icon”参数,因此

function addMarker(lat, lng, info) {

然后从新标记更改“icon”属性,更改

var marker = new google.maps.Marker({
    position: pt,
    icon: '../img/map/Bar.png',
    map: map
});

最后更改addMarker调用

addMarker(" & lat & "," & lon & ", ...


您需要根据从SQL查询中获得的属性(或者我认为是映射类型)更改图标url。

Matthew谢谢。你是一个明星!!!那很好用。现在,由于我是新来的,我正在研究如何给你评分并说谢谢:-)没问题,我想我会在等待我自己问题的答案时帮助别人。如果有人回答了你的问题,你所要做的就是标记答案。
var marker = new google.maps.Marker({
    position: pt,
    icon: '../img/map/Bar.png',
    map: map
});
var marker = new google.maps.Marker({
    position: pt,
    icon: icon,
    map: map
});
addMarker(" & lat & "," & lon & ", ...
addMarker(YourIconURLHere, " & lat & "," & lon & ", ...