senselab/codekasten
4
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fixed transparent background of popups

Browse source 
fixed popup border image location
fixed charset encoding issues
This commit is contained in:
lars 2011-03-09 00:01:15 +00:00
parent 38b7268e27
commit 039c5947a5
3 changed files with 41 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

4
osm/dynamic_markers/html/event_map.css
View file

@ -31,3 +31,7 @@ div.event_map_info li {
font-size: x-small;
}
div.event_GroupDiv {
background-color: white;
}

37
osm/dynamic_markers/html/event_map.js
View file

@ -20,6 +20,10 @@ var event_map_zoom_default_for_events = 13;
var event_map_zoom_default_for_marker = 15;
var event_map_zoom_default_for_edit = 12;
// location of the "cloud popup" mini images (e.g. "west-mini.png")
// checkout from: http://svn.openlayers.org/trunk/openlayers/img
var openlayers_images_url = "/event_map/html/external/openlayers-img/";
// names of fields to be manipulated in "edit" mode
var event_map_fieldname_lat = "edit-field-lat-0-value";
var event_map_fieldname_lon = "edit-field-long-0-value";
@ -117,8 +121,13 @@ function event_map_addCSSfile(cssfile, pos) {
}
event_map_addJavascript('http://www.openlayers.org/api/OpenLayers.js', 'head');
event_map_addJavascript('http://www.openstreetmap.org/openlayers/OpenStreetMap.js', 'head');
/* make sure, OpenLayers and OpenStreetMap js files are loaded in the correct order.
* We accomplish this by providing a combined download file for both.
*/
//event_map_addJavascript('http://www.openlayers.org/api/OpenLayers.js', 'head');
//event_map_addJavascript('http://www.openstreetmap.org/openlayers/OpenStreetMap.js', 'head');
event_map_addJavascript(event_map_base_url + 'html/external/combined.js', 'head')
// in case of problems of a browser with loading external ccs files, we could use the local copy
//event_map_addCSSfile(event_map_base_url + 'html/openlayers/style.css', 'head');
event_map_addCSSfile('http://openlayers.org/api/theme/default/style.css', 'head');
@ -126,6 +135,8 @@ event_map_addCSSfile(event_map_css_file, 'head');
function event_map_init() {
OpenLayers.ImgPath = openlayers_images_url;
OpenLayers.Lang.setCode("de");
event_map = new OpenLayers.Map('event_map', {
maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),
numZoomLevels: 19,
@ -149,17 +160,19 @@ function event_map_init() {
});
var layerOePNV = new OpenLayers.Layer.OSM.OePNV("ÖPNV-Karte");
var layerCycle = new OpenLayers.Layer.OSM.CycleMap("Radweg-Karte");
var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
var layerTah = new OpenLayers.Layer.OSM.Osmarender("Osmarender");
var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Stadtplan");
var layerOePNV = new OpenLayers.Layer.OSM.OePNV("Nahverkehr");
var layerCycle = new OpenLayers.Layer.OSM.CycleMap("Radwege");
var layerTah = new OpenLayers.Layer.OSM.Osmarender("Detailliert");
event_map.addLayers([layerOePNV, layerCycle, layerMapnik, layerTah]);
event_map.addLayers([layerOePNV, layerCycle, layerMapnik]);
// choose default layer
event_map.setBaseLayer(layerMapnik);
event_map_marker_layer = new OpenLayers.Layer.Markers("Markierung");
event_map.addLayer(event_map_marker_layer)
if (event_map_display_type == 'marker') {
event_map_marker_layer = new OpenLayers.Layer.Markers("Markierung");
event_map.addLayer(event_map_marker_layer);
}
// allow to change the current layer (mapnik/tah/oepnv/cycle)
event_map.addControl(new OpenLayers.Control.LayerSwitcher());
@ -253,6 +266,7 @@ function event_map_show_marker(lonLat) {
function event_map_show_gml() {
OpenLayers.ImgPath = openlayers_images_url;
OpenLayers.Feature.prototype.popupClass = OpenLayers.Popup.FramedCloud;
var pois = new OpenLayers.Layer.GML("Veranstaltungen", event_map_gml_file, {
@ -292,6 +306,7 @@ function event_map_edit_clicked(evnt) {
function event_map_onFeatureSelect(feature) {
OpenLayers.ImgPath = openlayers_images_url;
selectedFeature = feature;
var content = '<div class="event_map_info">';
content += '<h1>' + feature.attributes.title + '</h1>';
@ -324,7 +339,9 @@ function event_map_onFeatureSelect(feature) {
feature.geometry.getBounds().getCenterLonLat(),
new OpenLayers.Size(300, 200),
content,
null, true, event_map_onPopupClose);
null,
true,
event_map_onPopupClose);
popup.maxSize = new OpenLayers.Size(350, 300);
feature.popup = popup;
event_map.addPopup(popup);