tyler.durden
/
pandorafms
mirror of https://github.com/pandorafms/pandorafms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch '409-change-font-size-of-map-gis' into 'develop' 

Gis Maps Feature: When scrolling in map, change font-size of labels.

See merge request !360
This commit is contained in:
vgilc 2017-04-25 16:27:37 +02:00
parent cdf95a47dd c316462802
commit 1e5cf2d44e
1 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
pandora_console/include/javascript/openlayers.pandora.js
View File

@ -134,9 +134,11 @@ function js_printMap(id_div, initial_zoom, center_latitude, center_longitude, ob
maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34)};
map = new OpenLayers.Map(id_div, option);
map.events.Event
var baseLayer = null;
map.events.on({"zoomend": EventZoomEnd});
//Define the maps layer
for (var baselayerIndex in objBaseLayers) {
if (isInt(baselayerIndex)) {
@ -224,6 +226,50 @@ function js_printMap(id_div, initial_zoom, center_latitude, center_longitude, ob
map.setCenter (lonLat, initial_zoom);
}
function EventZoomEnd (evt) {
var actual_zoom = (evt.object.zoom < 6) ? 6 : evt.object.zoom;
var max_width_marker = 38;
var max_zoom_map = map.numZoomLevels;
var max_font_size = 15;
var actual_font_size = (actual_zoom * max_font_size) / max_zoom_map;
jQuery.each($("tspan"), function (i, tspan) {
if (actual_zoom <= 18 && actual_zoom > 13)
actual_font_size = (max_font_size - 3);
else if (actual_zoom <= 13 && actual_zoom >= 8)
actual_font_size = (max_font_size - 6);
else if (actual_zoom <= 8)
actual_font_size = (max_font_size - 6);
$(tspan).css('font-size', actual_font_size);
});
var layers = map.getLayersByClass("OpenLayers.Layer.Vector");
jQuery.each(layers, function (i, layer) {
var features = layer.features;
jQuery.each(features, function (j, feature) {
var graphicHeight = feature.style.graphicHeight || -1;
var graphicWidth = feature.style.graphicWidth || -1;
if (graphicHeight > 0 && graphicWidth > 0) {
var new_width_marker = (actual_zoom * max_width_marker) / max_zoom_map;
var new_height_marker = (actual_zoom * max_width_marker) / max_zoom_map;
console.log(feature);
feature.style.fontSize = '' + actual_font_size + ' !important';
feature.style.graphicHeight = new_height_marker;
feature.style.graphicWidth = new_width_marker;
feature.style.labelYOffset = (new_width_marker * -1);
}
});
layer.redraw();
});
}
/**
* Change the style of state button, and call the function "hideAgentsStatus"
* whith new state for agents icons to show.