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

最佳，达科

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

1 个答案: