Question

我试图制作一张带有标记的漂亮谷歌地图。我在网上找到了一些非常方便的解决方案，几乎涵盖了我的所有需求：D我想在地图上为引脚/标记着色。

好吧，试图做一个工作的jsfiddle，但不幸的是，出了点问题:(所以你不会看到地图，但是有所有代码:) http://jsfiddle.net/hf37ftra/9/

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

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

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

Answer 1

您可以使用以下内容：

    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]
    });

Answer 2

在你的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'

Answer 3

好吧，我喜欢在stackoverflow上工作，当我每天都可以通过其他人的帮助来学习新的东西时：）

// 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.
    });

这样你就可以添加任意数量的参数，拥有一个非常好用且简单的工具来制作更好的谷歌地图！

谷歌地图 - 多种颜色的多种标记

3 个答案: