簡體   English   中英

Google Maps中來自Geojson的Sprite自定義標記

[英]Custom Marker with Sprite from Geojson in Google Maps

我正在使用geoJSON作為Google Maps的數據源。 我想使用Sprite的自定義標記,僅更改iconOrigin。

map.data.setStyle(function(feature) {
var origin=null;
var iconUrl = 'library/css/marker-sprite.png';
var iconSize = new google.maps.Size(50, 50);
var iconAnchor = new google.maps.Point(25, 50);
var iconScaledSize = new google.maps.Size(150, 150);

if (feature.getProperty('origin')) {
    origin = feature.getProperty('origin');   
    var iconOrigin = 'new google.maps.Point(' + origin + ')';
    }
    return ({
        icon: { 
            url: iconUrl,
            size: iconSize,
            anchor: iconAnchor,
            origin: iconOrigin,
            scaledSize: iconScaledSize
        }
});
});

geoJSON(部分)

        "properties":   {
                        "id-intern": "123",
                        "title": "Marker Title",
                        "content": "lorem ipsum",
                        "origin": "0, 100"
                    },

有人在我的方法中看到錯誤嗎?

謝謝。

感謝@Craicerjack展示曲目! 這樣工作。

map.data.setStyle(function(feature) {
var iconoriginx = null;
var iconoriginy = null;
var iconUrl = 'library/css/marker-sprite.png';
var iconSize = new google.maps.Size(50, 50);
var iconAnchor = new google.maps.Point(25, 50);
var iconScaledSize = new google.maps.Size(150, 150);

if (feature.getProperty('iconoriginy')) {
    iconoriginy = feature.getProperty('iconoriginy'); 
    iconoriginx = feature.getProperty('iconoriginx'); 

    var iconOrigin = new google.maps.Point(iconoriginx,iconoriginy);

    }
    return ({
        icon: { 
            url: iconUrl,
            size: iconSize,
            anchor: iconAnchor,
            origin: iconOrigin,
            scaledSize: iconScaledSize
        }
});
});

和帶有兩個單獨值(NUMBERS!)的geoJSON。

        "properties":   {
                        "id-intern": "123",
                        "title": "Marker Title",
                        "content": "lorem ipsum",
                        "iconoriginx": 0,
                        "iconoriginy": 100
                    },

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM