Javascript 如何更改谷歌地图标记颜色
这里我是一个沉思的谷歌地图API,从这里有一个数组位置,从这个数组我有纬度和经度值,基于这个值我创建路线,现在我想做的是,我想用绿色显示起始点标记,当前的起始位置和结束位置都是红色 var res={ 登录类型:注销, 状态:成功, 计数:1, 缺席人数:2, 起始纬度:12.9817121, 启动LNG:77.726496099996, 公司编号:12.9563031, 公司名称:77.6949695, 数据:[{ 姓名:特里沙, 拾取时间:上午7:45, 驾驶室名称:Atios, PickUplatude:12.956604, 拾取长度:77.696480, }, { 姓名:迪维亚, 拾取时间:上午8:45, 驾驶室名称:Atios, PickUplatude:12.956230, 拾取长度:77.694997, }, { 姓名:迪维亚, 拾取时间:上午8:45, 驾驶室名称:Atios, PickUplatude:12.956230, 拾取长度:77.694997, } ], 旅行地点:[{ 旅行纬度:12.956664, 旅行经度:77.696829 }, { 旅行纬度:12.956604, 旅行经度:77.696480 }, { 旅行纬度:12.956523, 旅行经度:77.696021 }, { 旅行纬度:12.956413, 旅行经度:77.695380 }, { 旅行纬度:12.956335, 旅行经度:77.695029 }, { 旅行纬度:12.956230, 旅行经度:77.694997 }, { 旅行纬度:12.956107, 旅行经度:77.694994 }, { 旅行纬度:12.955934, 旅行经度:77.694970 }, { 旅行纬度:12.955639, 旅行经度:77.694932 }, { 旅行纬度:12.955380, 旅行经度:77.694902 } ] } var地理编码器; var映射; var方向显示; var directionsService=新的google.maps.directionsService; 变量位置=res.travlledLocation.mapfunctiono,i{ 返回[ i==0?'Start':i==res.travledlocation.length-1?'End':i, o、 穿越纬度, o、 经度, i+1 ] }; var航路点=res.data.mapfunctiono{ 返回{ empName:o.empName, 拾取时间:o.拾取时间, 纬度:o.PickUplatude, 液化天然气:o.pickuplongity } }; 函数初始化{ directionsDisplay=新建google.maps.DirectionsRenderer{ 真的吗 }; var map=new google.maps.Mapdocument.getElementById'map'{ 缩放:10, //中心:新google.maps.LatLng-33.92151.25// mapTypeId:google.maps.mapTypeId.ROADMAP }; directionsDisplay.setMapmap; var infowindow=new google.maps.infowindow; var标记,i; var请求={ travelMode:google.maps.travelMode.DRIVING }; 对于i=0;iJavascript 如何更改谷歌地图标记颜色,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,这里我是一个沉思的谷歌地图API,从这里有一个数组位置,从这个数组我有纬度和经度值,基于这个值我创建路线,现在我想做的是,我想用绿色显示起始点标记,当前的起始位置和结束位置都是红色 var res={ 登录类型:注销, 状态:成功, 计数:1, 缺席人数:2, 起始纬度:12.9817121, 启动LNG:77.726496099996, 公司编号:12.9563031, 公司名称:77.6949695, 数据:[{ 姓名:特里沙, 拾取时间:上午7:45, 驾驶室名称:Atios, Pick
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
i: locations[i][0],
icon: i == 0 ? 'http://maps.google.com/mapfiles/ms/icons/green-dot.png' : 'someothericon.png'
});
其他图标:
当然,您也可以制作自己的图标
var res={
登录类型:注销,
状态:成功,
计数:1,
缺席人数:2,
起始纬度:12.9817121,
启动LNG:77.726496099996,
公司编号:12.9563031,
公司名称:77.6949695,
数据:[{
姓名:特里沙,
拾取时间:上午7:45,
驾驶室名称:Atios,
PickUplatude:12.956604,
拾取长度:77.696480,
},
{
姓名:迪维亚,
拾取时间:上午8:45,
驾驶室名称:Atios,
PickUplatude:12.956230,
拾取长度:77.694997,
},
{
姓名:迪维亚,
拾取时间:上午8:45,
驾驶室名称:Atios,
PickUplatude:12.956230,
拾取长度:77.694997,
}
],
旅行地点:[{
旅行纬度:12.956664,
旅行经度:77.696829
},
{
旅行纬度:12.956604,
旅行经度:77.696480
},
{
旅行纬度:12.956523,
旅行经度:77.696021
},
{
旅行纬度:12.956413,
旅行经度:77.695380
},
{
旅行纬度:12.956335,
旅行经度:77.695029
},
{
旅行纬度:12.956230,
旅行经度:77.694997
},
{
旅行纬度:12.956107,
旅行经度:77.694994
},
{
旅行纬度:12.955934,
旅行经度:77.694970
},
{
旅行纬度:12.955639,
旅行经度:77.694932
},
{
旅行纬度:12.955380,
旅行经度:77.694902
}
]
}
var地理编码器;
var映射;
var方向显示;
var directionsService=新的google.maps.directionsService;
变量位置=res.travlledLocation.mapfunctiono,i{
返回[
i==0?'Start':i==res.travledlocation.length-1?'End':i,
o、 穿越纬度,
o、 经度,
i+1
]
};
var航路点=res.data.mapfunctiono{
返回{
empName:o.empName,
拾取时间:o.拾取时间,
纬度:o.PickUplatude,
液化天然气:o.pickuplongity
}
};
函数初始化{
directionsDisplay=新建google.maps.DirectionsRenderer{
真的吗
};
var map=new google.maps.Mapdocument.getElementById'map'{
缩放:10,
//中心:新google.maps.LatLng-33.92151.25//
mapTypeId:google.maps.mapTypeId.ROADMAP
};
directionsDisplay.setMapmap;
var infowindow=new google.maps.infowindow;
var标记,i;
var请求={
travelMode:google.maps.travelMode.DRIVING
};
对于i=0;iange,你能根据这个更新你的答案吗?你能从中得到你选择的图标,就像你对黄色图标和替换图像路径所做的一样。我无法做到,你能不能更新你的代码片段@jANVI,请检查我在顶部更新的代码,你的代码运行良好,我真的很高兴,实际上,我的要求是在点击按钮后,我想显示按钮,所以我写了onclick按钮,我调用了ajax,在这个成功函数中,我输入了所有代码,但是没有工作,你能检查一下吗