GoogleMaps - 多种颜色的多标记

-1

我正在尝试制作带有一些标记的漂亮谷歌地图。我在网络中发现了一些非常方便的解决方案，它几乎涵盖了我的所有需求：D我想在地图上着色销/标记。GoogleMaps - 多种颜色的多标记

好，努力使工作的jsfiddle，但不幸的是，出事了:(这样你就不会看地图，但也有所有代码:) http://jsfiddle.net/hf37ftra/9/

// Multiple Markers 
var markers = [ 
    ['Marker_name', 51.113882,17.070474], 
];

这部分负责为了显示多个标记，我可以以某种方式在这里定义标记的颜色（我知道这是可能的，因为我已经找到了教程来改变所有的标记颜色，但是我想让我们说4-5个不同颜色的标记）？

后面的代码是每个标记的自定义信息框的一部分，所以也许可以这样做:) 谢谢！

来源

2014-10-17 zel

您可以使用类似：

var markers = [ 
     ['Starter', 51.113882,17.070474,'icon1.png'], 
    ];

，改变你的构造函数：

 [...] 
    marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title: markers[i][0], 
     icon: markers[i][3] 
    });

来源

2014-10-17 12:13:13 SamiX

哇，在我自己的答案前44秒！：D – zel 2014-10-17 12:14:47

很酷，你自己做了;） – SamiX 2014-10-17 12:17:24

在您的for循环：

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]

您可以添加有额外的行：

icon: 'brownMarker.png'

来源

2014-10-17 11:50:23 Sharky

是的，我读过关于该课程的API文档:) 但是，当您查看我提供的代码时，您会注意到，定义新标记及其信息窗口比定义每一个新的。所以也许我已经说过一个问题有点不对 - 根据我的代码，我可以添加标记颜色的一些自定义功能，而不需要重新编写代码:) – zel 2014-10-17 12:02:59

嗯，我喜欢的计算器，当我可以部分日常学习新的东西别人:)

// Multiple Markers 
var markers = [ 
    ['Title', 51.113882,17.070474, 'http://youriconaddress'], 
];

然后，只是一些小的帮助：

// Loop through our array of markers & place each one on the map 
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], 
     icon: markers[i][3] // [3] tells JS to take third 'argument' from markers variable, from each one. 
    });

这样，你可以根据需要添加尽可能多的参数，拥有一个非常好的简单工具来制作更好的谷歌地图！

来源

2014-10-17 12:13:57 zel

GoogleMaps - 多种颜色的多标记

回答

相关问题