javascript - 在 JQM 中设置多个地图点图标

Question

我正在尝试在画布上填充一些从 JSON 文件中读取的地图点。

我可以很好地创建一组点，但我想根据它的类型添加不同的图标。我已经尝试评估地图不会加载的 JSON 数据，而不仅仅是一种图标。

我的代码如下：

$.each( data.markers, function(i, marker) {
                $('#map_canvas').gmap('addMarker', { 
                    'position': new google.maps.LatLng(marker.latitude, marker.longitude), 


                        if (marker.company == "Capgemini") {
                            'icon':new google.maps.MarkerImage("capico.png"),

                        } else if (marker.company == "Accenture") {
                            'icon':new google.maps.MarkerImage("accico.png"),

                        }

                    'bounds': true 
                }).click(function() {
                    //$('#map_canvas').gmap('openInfoWindow', { 
                    //  'content': marker.content 
                        $.mobile.changePage("#details");

不知道我哪里出错了。

非常感谢任何帮助

Answer 1

试试这个代码

var customIcons = {
      "Capgemini": {
        icon: 'path_to_your_marker_pictures/capico.png',
      },      
      "Accenture": {
        icon: 'path_to_your_marker_pictures/accico.png',
      }
    };

var icon = customIcons[marker.company] || {};

var marker = new google.maps.Marker({
     position: point,
     icon: icon.icon,
    });

最好的，达科