改变谷歌地图api标记颜色的问题

时间:2013-08-23 17:49:12

标签: javascript google-maps-api-3 google-maps-markers

我看过以前问过类似我的问题的所有建议,以及关于叠加的google maps api开发者信息页面,但没有答案有帮助 - 我试图简单地改变颜色从标准到绿色的标记,但每次我尝试将fillColor等添加到我的代码中时,它将不显示标记或根本不显示地图。任何人都知道我做错了什么?

    function createMap() {
        // map options
        var options = {
            zoom: 4,
            center: new google.maps.LatLng(39.909736, -98.522109), // centered US
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false
        };

        // init map
        map = new google.maps.Map(document.getElementById('map_canvas'), options);
    }

    function addMarker() {
    fetchNewQuote();
    var indext;
    for (indext = 0; indext <array.length; ++indext) {
        splitarr = array[indext].split(":");
        geosplit = splitarr[1].split(", ");
        if (indext < 50) {
        $('#tweet_table').append(array[indext] + "</br></br>");
        }          
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(geosplit[0], geosplit[1]),
            map: map,
            title: 'Click me to see what this individual tweeted!' 
          });

          (function(marker, splitarr, indext) {
              var tweetclick = "TOBACCO VISUALIZATION</br>" + "Keyword: " + splitarr[0] + "</br> Coordinates: " + splitarr[1] + "</br> Tweet: " + splitarr[2];
              google.maps.event.addListener(marker, 'click', function() {
                  infowindow = new google.maps.InfoWindow({
                      content: tweetclick
                  });
                  infowindow.open(map, marker);
              });
          })(marker, splitarr, indext);
          marker.setMap(map);
          markersArray.push(marker);
        }
    }

1 个答案:

答案 0 :(得分:0)

您可以像这样加载自己的标记:

var icon = https://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|00FF00

您必须在管道后以RGB格式传递标记的颜色。如果你想要一个蓝色标记,只需传递0000FF而不是00FF00。

然后,像这样使用它:

var marker = new google.maps.Marker({
                position: new google.maps.LatLng(geosplit[0], geosplit[1]),
                map: map,
                title: 'Click me to see what this individual tweeted!' 
                icon: icon
            });

希望这有帮助!