如何更改谷歌地图图表上的标记/图钉颜色答案

【问题标题】：How to change Marker/Pin color on google Map Chart如何更改谷歌地图图表上的标记/图钉颜色
【发布时间】：2014-03-12 10:28:45
【问题描述】：

我想更改 Google 地图上标记/图钉的颜色，我就是这样做的。我无法使用自定义图像/颜色显示任何标记。

<script>
        google.load("visualization", "1", {packages:["map"]});
        google.setOnLoadCallback(drawMap);
        function drawMap(dataArray) {
            var pinColor = "FE7569";
            var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
            new google.maps.Size(21, 34),
            new google.maps.Point(0,0),
            new google.maps.Point(10, 34));
            var pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
            new google.maps.Size(40, 37),
            new google.maps.Point(0, 0),
            new google.maps.Point(12, 35));
            var data = google.visualization.arrayToDataTable(dataArray);
            var map = new google.visualization.Map(document.getElementById('map_div'));
            map.Marker({
                position: new google.maps.LatLng(0,0), 
                map: map,
                icon: pinImage,
                shadow: pinShadow
            });
            var options = {mapType: 'terrain',showTip: true,useMapTypeControl:true};

            map.draw(data,options);
        }
    </script>

【问题讨论】：

我认为link 和link 会帮到你很多。
@RamPatidar：我已经尝试过这个链接stackoverflow.com/questions/7095574/…，你建议我的大部分代码都是在它的帮助下完成的，但我仍然无法解决问题
Visualization API 的 Google 地图可视化不支持大多数 Google 地图功能，包括修改标记。如果您想使用这些功能，您必须直接使用 Google 地图（而不是通过 Visualization API）。

标签： javascript jquery google-maps google-visualization

【解决方案1】：

iconFileErr = 'http://maps.google.com/mapfiles/ms/icons/red-dot.png'; marker.setIcon(iconFileErr);

【讨论】：