70 lines
1.8 KiB
JavaScript

// PORTAL MARKER //////////////////////////////////////////////
// code to create and update a portal marker
window.portalMarkerScale = function() {
var zoom = map.getZoom();
if (L.Browser.mobile)
return zoom >= 16 ? 1.5 : zoom >= 14 ? 1.2 : zoom >= 11 ? 1.0 : zoom >= 8 ? 0.65 : 0.5;
else
return zoom >= 14 ? 1 : zoom >= 11 ? 0.8 : zoom >= 8 ? 0.65 : 0.5;
}
// create a new marker. 'data' contain the IITC-specific entity data to be stored in the object options
window.createMarker = function(latlng, data) {
var styleOptions = window.getMarkerStyleOptions(data);
var options = L.extend({}, data, styleOptions, { clickable: true });
var marker = L.circleMarker(latlng, options);
highlightPortal(marker);
return marker;
}
window.setMarkerStyle = function(marker, selected) {
var styleOptions = window.getMarkerStyleOptions(marker.options);
marker.setStyle(styleOptions);
// FIXME? it's inefficient to set the marker style (above), then do it again inside the highlighter
// the highlighter API would need to be changed for this to be improved though. will it be too slow?
highlightPortal(marker);
if (selected) {
marker.setStyle ({color: COLOR_SELECTED_PORTAL});
}
}
window.getMarkerStyleOptions = function(details) {
var scale = window.portalMarkerScale();
// portal level 0 1 2 3 4 5 6 7 8
var LEVEL_TO_WEIGHT = [2, 2, 2, 2, 2, 3, 3, 4, 4];
var LEVEL_TO_RADIUS = [7, 7, 7, 7, 8, 8, 9,10,11];
var level = Math.floor(details.level);
var lvlWeight = LEVEL_TO_WEIGHT[level] * scale;
var lvlRadius = LEVEL_TO_RADIUS[level] * scale;
var options = {
radius: lvlRadius,
stroke: true,
color: COLORS[details.team],
weight: lvlWeight,
opacity: 1,
fill: true,
fillColor: COLORS[details.team],
fillOpacity: 0.5,
dashArray: null
};
return options;
}