如何添加自定义标记Gmap

时间:2016-04-18 09:33:36

标签: google-maps-api-3 primefaces jsf-2.2

我正在寻找如何为我的gmap添加特定标记。

这是代码:

LatLng coord1 = new LatLng (y, x);
advancedModel.addOverlay(new Marker(coord1, "test", "orange.png", "http://maps.google.com/mapfiles/ms/micons/blue-dot.png"));

我想添加 / resources / images 中的特定标记,而不是http://maps.google.com/mapfiles/ms/micons/blue-dot.png

你能帮忙吗?

2 个答案:

答案 0 :(得分:0)

您可以在Google Maps中添加自定义标记,也可以更改标记图标,具体取决于要添加标记的要素类型。校园功能列表中的每个兴趣点都具有type属性。

以下代码是如何添加自定义标记的示例代码段:

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
    parking: {
        icon: iconBase + 'parking_lot_maps.png'
    },
    library: {
        icon: iconBase + 'library_maps.png'
    },
    info: {
        icon: iconBase + 'info-i_maps.png'
    }
};

function addMarker(feature) {
    var marker = new google.maps.Marker({
        position: feature.position,
        icon: icons[feature.type].icon,
        map: map
    });
}

答案 1 :(得分:0)

您可以这样做:

Marker newMarker = new Marker(new LatLng(latitude, longitude));
newMarker.setIcon("resources/media/marker-blue-dot.png");
simpleModel.addOverlay(newMarker);