Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改谷歌地图标记颜色_Javascript_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 如何更改谷歌地图标记颜色

Javascript 如何更改谷歌地图标记颜色,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

这里我是一个沉思的谷歌地图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;i您可以在初始化标记时设置图标:

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;i我尝试了你的代码,但它工作不正常,比如标记颜色正在改变起点和终点,我不希望这样更新为:如果I==0,请再次检查我的答案是否适用youMr@jANVI,您的代码工作正常,但标记大小正在更改,请查看我的黄色,我知道它是什么,我需要的是完全一样的颜色
ange,你能根据这个更新你的答案吗?你能从中得到你选择的图标,就像你对黄色图标和替换图像路径所做的一样。我无法做到,你能不能更新你的代码片段@jANVI,请检查我在顶部更新的代码,你的代码运行良好,我真的很高兴,实际上,我的要求是在点击按钮后,我想显示按钮,所以我写了onclick按钮,我调用了ajax,在这个成功函数中,我输入了所有代码,但是没有工作,你能检查一下吗