Google maps 将不同的自定义图标添加到google地图中的不同标记

Google maps 将不同的自定义图标添加到google地图中的不同标记,google-maps,Google Maps,我想在谷歌地图的特定标记中添加一个不同的自定义标记。我制作了一个名为icon的var,它有一个名为test.png的png,我只想将它添加到我变大的to元素标记之一。最后,我将有一个标记与正常谷歌地图的外观和另一个与我的自定义标记 谢谢你的帮助 <script> function infoOpen(i) { google.maps.event.trigger(gmarkers[i], 'click'); } var gmarkers

我想在谷歌地图的特定标记中添加一个不同的自定义标记。我制作了一个名为icon的var,它有一个名为test.png的png,我只想将它添加到我变大的to元素标记之一。最后,我将有一个标记与正常谷歌地图的外观和另一个与我的自定义标记

谢谢你的帮助

 <script>
    function infoOpen(i)
    {

        google.maps.event.trigger(gmarkers[i], 'click');
    }
    var gmarkers = [];
    var markers = [];
    markers = [


        ['1', '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h4 id="firstHeading" class="firstHeading">test</h4>'+
  '<div id="bodyContent">'+
  '<p><ul><li>test</li>'+                   
  '</div>'+
  '</div>', 46.332414, 11.447935],

       ['2', '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h4 id="firstHeading" class="firstHeading">test</h4>'+
  '<div id="bodyContent">'+
  '<p><ul><li>test</li>'+                   
  '</div>'+
  '</div>', 42.332414, 13.447935],    

  ];


    $(document).ready(function () {
        var myOptions = {
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false
        };

        var icon = new google.maps.MarkerImage('test.png',
            new google.maps.Size(96, 59),
            new google.maps.Point(0,0),
            new google.maps.Point(32, 59)
            );

        var map = new google.maps.Map(document.getElementById("map"), myOptions);
        var infowindow = new google.maps.InfoWindow();
        var marker, i;
        var bounds = new google.maps.LatLngBounds();

        for (i = 0; i < markers.length; i++) {
            var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
            var content = markers[i][1];
            bounds.extend(pos);
            marker = new google.maps.Marker({
                position: pos,
                map: map
            });
            gmarkers.push(marker);
            google.maps.event.addListener(marker, 'click', (function(marker, content) {
                return function() {
                    infowindow.setContent(content);
                    infowindow.open(map, marker);
                }

            })(marker, content));
        }


        map.fitBounds(bounds);
    });
</script>

功能信息公开(一)
{
google.maps.event.trigger(gmarkers[i],'click');
}
var gmarkers=[];
var标记=[];
标记=[
['1', ''+
''+
''+
“测试”+
''+
“
  • 测试” ''+ '', 46.332414, 11.447935], ['2', ''+ ''+ ''+ “测试”+ ''+ “
    • 测试” ''+ '', 42.332414, 13.447935], ]; $(文档).ready(函数(){ 变量myOptions={ mapTypeId:google.maps.mapTypeId.ROADMAP, mapTypeControl:false }; var icon=new google.maps.MarkerImage('test.png', 新谷歌地图尺寸(96,59), 新google.maps.Point(0,0), 新谷歌地图点(32,59) ); var map=new google.maps.map(document.getElementById(“map”),myOptions); var infowindow=new google.maps.infowindow(); var标记,i; var bounds=new google.maps.LatLngBounds(); 对于(i=0;i
我相信您只需将图标添加到您创建的标记之一:

gmarkers[0].setIcon('test.png');
如果要在循环内执行此操作,请执行以下操作:

    ['1', '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h4 id="firstHeading" class="firstHeading">test</h4>'+
  '<div id="bodyContent">'+
  '<p><ul><li>test</li>'+                   
  '</div>'+
  '</div>', 46.332414, 11.447935, 'test.png'],

       ['2', '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h4 id="firstHeading" class="firstHeading">test</h4>'+
  '<div id="bodyContent">'+
  '<p><ul><li>test</li>'+                   
  '</div>'+
  '</div>', 42.332414, 13.447935, ''],    

  ];
['1','+
''+
''+
“测试”+
''+
“
  • 测试” ''+ '',46.332414,11.447935,'test.png'], ['2', ''+ ''+ ''+ “测试”+ ''+ “
    • 测试” ''+ '', 42.332414, 13.447935, ''], ];
然后

    for (i = 0; i < markers.length; i++) {
        var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
        var content = markers[i][1];
        bounds.extend(pos);
        marker = new google.maps.Marker({
            position: pos,
            map: map,
        });
        if (markers[i][4] != '') {
            marker.setIcon(markers[i][4]);
        }
        gmarkers.push(marker);
        google.maps.event.addListener(marker, 'click', (function(marker, content) {
            return function() {
                infowindow.setContent(content);
                infowindow.open(map, marker);
            }

        })(marker, content));
    }
for(i=0;i
我不知道如何将var图标添加到元素中?我知道我必须在这段代码中添加它:[2',''+'+''+'test'+'+'+'+'
  • test
  • '+'+''''+'',42.332414,13.447935],