作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试在 Google map 中设置彩色标记,以便每个位置类型都有自己的颜色。
var markers = [
['Buy Jeans', latitude,logitude,'store'],
['Eat well', latitude,logitude,'restaurant'],
['Get drunk', latitude,logitude,'bar']
];
下面是我们如何运行可用标记。但我不知道如何给予“存储”红色别针,“餐厅”蓝色别针并“禁止”绿色图钉
for( i = 0; i < markers.length; i++ ) {
var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
bounds.extend(position);
marker = new google.maps.Marker({
position: position,
map: map,
title: markers[i][0],
});
有没有办法根据markers[i][3]在for循环中设置图标?
最佳答案
我解决了这个问题:
if(markers[i][3] == "store") { showIcon = "http://maps.google.com/mapfiles/ms/icons/red-dot.png"; }
if(markers[i][3] == "restaurant") { showIcon = "http://maps.google.com/mapfiles/ms/icons/blue-dot.png"; }
if(markers[i][3] == "bar") { showIcon = "http://maps.google.com/mapfiles/ms/icons/green-dot.png"; }
marker = new google.maps.Marker({
position: position,
map: map,
title: markers[i][0],
icon: showIcon
});
关于javascript - 谷歌地图 : set custom color for type of markers,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21081778/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!