[英]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.