Skip to content

Commit

Permalink
Adjustments in the style of code using gjslint.
Browse files Browse the repository at this point in the history
  • Loading branch information
jorix committed Aug 31, 2012
1 parent 7552981 commit 507ec59
Show file tree
Hide file tree
Showing 13 changed files with 3,037 additions and 3,036 deletions.
198 changes: 99 additions & 99 deletions examples-geoext/popup-auto-position-FP.js
Original file line number Diff line number Diff line change
@@ -1,99 +1,99 @@
/**
* Copyright (c) 2008-2012 The Open Source Geospatial Foundation
*
* Published under the BSD license.
* See http://svn.geoext.org/core/trunk/geoext/license.txt for the full text
* of the license.
*/

/** api: example[popup]
* Feature Popup
* -------------
* Display a popup with feature information, which is positioned automatically.
*/

var mapPanel;

Ext.onReady(function() {

var bogusText = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.";
var bogusCount = 1;

// create a vector layer, add features into it
var vectorLayer = new OpenLayers.Layer.Vector("vector");
vectorLayer.addFeatures([
new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(-75, 45),{bogusCount: bogusCount++, bogusText:bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(+75, -45),{bogusCount: bogusCount++, bogusText:bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(+75, +45),{bogusCount: bogusCount++, bogusText:bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(-75, -45),{bogusCount: bogusCount++, bogusText:bogusText}
)]

);

// define "createPopup" function
function createPopup(map, lonLat, html, onClose) {
var popup = new GeoExt.Popup({
title: 'My Popup',
map: map,
location: new OpenLayers.Geometry.Point(lonLat.lon, lonLat.lat),
width:200,
html: html,
maximizable: true,
collapsible: true,
anchorPosition: "auto"
});
// unselect feature when the popup
// is closed
popup.on({
close: onClose
});
popup.show();
return {
div: popup.getEl().dom,
destroy: function(){popup.destroy()}
};
}

// create Ext window including a map panel
var mapwin = new Ext.Window({
layout: "fit",
title: "Map",
closeAction: "hide",
width: 650,
height: 356,
x: 50,
y: 100,
items: {
xtype: "gx_mappanel",
region: "center",
layers: [
new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: 'basic'} ),
vectorLayer
]
}
});
mapwin.show();

mapPanel = mapwin.items.get(0);
mapPanel.map.addControl( new OpenLayers.Control.FeaturePopups({
popupSingleOptions: {popupClass: createPopup},
popupListOptions: {popupClass: createPopup},
popupListItemOptions: {popupClass: createPopup},
layers: [[
vectorLayer, {
templates: {
single: "<div>${.bogusCount} - ${.bogusText}</div>",
item: "<li><a href=\"#\" ${showPopup()}>${.bogusCount} - ${.bogusText}</a></li>"
}
}
]]
})
);
});
/**
* Copyright (c) 2008-2012 The Open Source Geospatial Foundation
*
* Published under the BSD license.
* See http://svn.geoext.org/core/trunk/geoext/license.txt for the full text
* of the license.
*/

/** api: example[popup]
* Feature Popup
* -------------
* Display a popup with feature information, which is positioned automatically.
*/

var mapPanel;

Ext.onReady(function() {

var bogusText = 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.';
var bogusCount = 1;

// create a vector layer, add features into it
var vectorLayer = new OpenLayers.Layer.Vector('vector');
vectorLayer.addFeatures([
new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(-75, 45), {bogusCount: bogusCount++, bogusText: bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(+75, -45), {bogusCount: bogusCount++, bogusText: bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(+75, +45), {bogusCount: bogusCount++, bogusText: bogusText}
), new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point(-75, -45), {bogusCount: bogusCount++, bogusText: bogusText}
)]

);

// define "createPopup" function
function createPopup(map, lonLat, html, onClose) {
var popup = new GeoExt.Popup({
title: 'My Popup',
map: map,
location: new OpenLayers.Geometry.Point(lonLat.lon, lonLat.lat),
width: 200,
html: html,
maximizable: true,
collapsible: true,
anchorPosition: 'auto'
});
// unselect feature when the popup
// is closed
popup.on({
close: onClose
});
popup.show();
return {
div: popup.getEl().dom,
destroy: function() {popup.destroy()}
};
}

// create Ext window including a map panel
var mapwin = new Ext.Window({
layout: 'fit',
title: 'Map',
closeAction: 'hide',
width: 650,
height: 356,
x: 50,
y: 100,
items: {
xtype: 'gx_mappanel',
region: 'center',
layers: [
new OpenLayers.Layer.WMS(
'OpenLayers WMS',
'http://vmap0.tiles.osgeo.org/wms/vmap0',
{layers: 'basic'}),
vectorLayer
]
}
});
mapwin.show();

mapPanel = mapwin.items.get(0);
mapPanel.map.addControl(new OpenLayers.Control.FeaturePopups({
popupSingleOptions: {popupClass: createPopup},
popupListOptions: {popupClass: createPopup},
popupListItemOptions: {popupClass: createPopup},
layers: [[
vectorLayer, {
templates: {
single: '<div>${.bogusCount} - ${.bogusText}</div>',
item: '<li><a href=\"#\" ${showPopup()}>${.bogusCount} - ${.bogusText}</a></li>'
}
}
]]
})
);
});
114 changes: 57 additions & 57 deletions examples/feature-popups-common.js
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
// Projections
;// Projections
// -----------
var sphericalMercatorProj = new OpenLayers.Projection("EPSG:900913");
var geographicProj = new OpenLayers.Projection("EPSG:4326");
var sphericalMercatorProj = new OpenLayers.Projection('EPSG:900913');
var geographicProj = new OpenLayers.Projection('EPSG:4326');

// Vector layers
// -------------
// Sprinters: layer with different attributes.
var sprintersLayer = new OpenLayers.Layer.Vector("Sprinters (translated labels)", {
var sprintersLayer = new OpenLayers.Layer.Vector('Sprinters (translated labels)', {
styleMap: new OpenLayers.StyleMap({
externalGraphic: "http://www.openlayers.org/dev/examples/img/mobile-loc.png",
externalGraphic: 'http://www.openlayers.org/dev/examples/img/mobile-loc.png',
graphicOpacity: 1.0,
graphicWith: 16,
graphicHeight: 26,
Expand All @@ -18,39 +18,39 @@ var sprintersLayer = new OpenLayers.Layer.Vector("Sprinters (translated labels)"
sprintersLayer.addFeatures(getSprintersFeatures());

// Tasmania roads: layer of lines to show its length.
var tasmaniaRoadsLayer = new OpenLayers.Layer.Vector("Tasmania roads (function templates)", {
var tasmaniaRoadsLayer = new OpenLayers.Layer.Vector('Tasmania roads (function templates)', {
projection: geographicProj,
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: "tasmania/TasmaniaRoads.xml",
url: 'tasmania/TasmaniaRoads.xml',
format: new OpenLayers.Format.GML.v2()
})
});

// Sundials: layer uses Cluster strategy.
var sundialsLayer = new OpenLayers.Layer.Vector("Sundials (clustered)", {
var sundialsLayer = new OpenLayers.Layer.Vector('Sundials (clustered)', {
projection: geographicProj,
strategies: [
new OpenLayers.Strategy.Fixed(),
new OpenLayers.Strategy.Cluster()
],
styleMap: new OpenLayers.StyleMap({
"default": new OpenLayers.Style({
pointRadius: "${radius}",
'default': new OpenLayers.Style({
pointRadius: '${radius}',
fillOpacity: 0.6,
fillColor: "#ffcc66",
strokeColor: "#cc6633"
fillColor: '#ffcc66',
strokeColor: '#cc6633'
}, {
context: {
radius: function(feature) {
return Math.min(feature.attributes.count, 10)*1.5 + 2;
return Math.min(feature.attributes.count, 10) * 1.5 + 2;
}
}
}),
"select": {fillColor: "#8aeeef"}
'select': {fillColor: '#8aeeef'}
}),
protocol: new OpenLayers.Protocol.HTTP({
url: "kml/sundials.kml",
url: 'kml/sundials.kml',
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true
Expand All @@ -62,30 +62,30 @@ var sundialsLayer = new OpenLayers.Layer.Vector("Sundials (clustered)", {
var TextAndFid = OpenLayers.Class(OpenLayers.Format.Text, {
read: function(text) {
var features = OpenLayers.Format.Text.prototype.read.call(this, text);
for (var i=0, len = features.length; i < len; i++) {
for (var i = 0, len = features.length; i < len; i++) {
var feature = features[i];
feature.fid = feature.attributes.title.replace(/ /g,"_");
feature.fid = feature.attributes.title.replace(/ /g, '_');
}
return features;
}
});
var poisLayer = new OpenLayers.Layer.Vector("POIs (using BBOX)", {
var poisLayer = new OpenLayers.Layer.Vector('POIs (using BBOX)', {
projection: geographicProj,
strategies: [new OpenLayers.Strategy.BBOX({resFactor: 1.1})],
protocol: new OpenLayers.Protocol.HTTP({
url: "textfile.txt",
url: 'textfile.txt',
format: new TextAndFid()
})
});

// Create map
// ----------
var map = new OpenLayers.Map({
div: "map",
div: 'map',
theme: null,
projection: sphericalMercatorProj,
displayProjection: geographicProj,
units: "m",
units: 'm',
numZoomLevels: 18,
maxResolution: 156543.0339,
maxExtent: new OpenLayers.Bounds(
Expand All @@ -98,7 +98,7 @@ var map = new OpenLayers.Map({
new OpenLayers.Control.LayerSwitcher()
],
layers: [
new OpenLayers.Layer.OSM("OpenStreetMap", null),
new OpenLayers.Layer.OSM('OpenStreetMap', null),
sprintersLayer,
tasmaniaRoadsLayer,
sundialsLayer,
Expand All @@ -112,42 +112,42 @@ var map = new OpenLayers.Map({
// ------------------
function getSprintersFeatures() {
var features = {
"type": "FeatureCollection",
"features": [
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [1332700, 7906300]},
"properties": {"Name": "Igor Tihonov", "Country":"Sweden", "City":"Gothenburg"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [790300, 6573900]},
"properties": {"Name": "Marc Jansen", "Country":"Germany", "City":"Bonn"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [568600, 6817300]},
"properties": {"Name": "Bart van den Eijnden", "Country":"Netherlands", "City":"Utrecht"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [-7909900, 5215100]},
"properties": {"Name": "Christopher Schmidt", "Country":"United States of America", "City":"Boston"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [-937400, 5093200]},
"properties": {"Name": "Jorge Gustavo Rocha", "Country":"Portugal", "City":"Braga"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [-355300, 7547800]},
"properties": {"Name": "Jennie Fletcher ", "Country":"Scotland", "City":"Edinburgh"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [657068.53608487, 5712321.2472725]},
"properties": {"Name": "Bruno Binet ", "Country":"France", "City":"Chambéry"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [667250.8958124, 5668048.6072737]},
"properties": {"Name": "Eric Lemoine", "Country":"France", "City":"Theys"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [653518.03606319, 5721118.5122914]},
"properties": {"Name": "Antoine Abt", "Country":"France", "City":"La Motte Servolex"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [657985.78042416, 5711862.6251028]},
"properties": {"Name": "Pierre Giraud", "Country":"France", "City":"Chambéry"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [742941.93818208, 5861818.9477535]},
"properties": {"Name": "Stéphane Brunner", "Country":"Switzerland", "City":"Paudex"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [736082.61064069, 5908165.4649505]},
"properties": {"Name": "Frédéric Junod", "Country":"Switzerland", "City":"Montagny-près-Yverdon"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [771595.97057525, 5912284.7041793]},
"properties": {"Name": "Cédric Moullet", "Country":"Switzerland", "City":"Payerne"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [744205.23922364, 5861277.319748]},
"properties": {"Name": "Benoit Quartier", "Country":"Switzerland", "City":"Lutry"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [1717430.147101, 5954568.7127565]},
"properties": {"Name": "Andreas Hocevar", "Country":"Austria", "City":"Graz"}},
{ "type": "Feature", "geometry": {"type": "Point", "coordinates": [-12362007.067301,5729082.2365672]},
"properties": {"Name": "Tim Schaub", "Country":"United States of America", "City":"Bozeman"}}
'type': 'FeatureCollection',
'features': [
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [1332700, 7906300]},
'properties': {'Name': 'Igor Tihonov', 'Country': 'Sweden', 'City': 'Gothenburg'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [790300, 6573900]},
'properties': {'Name': 'Marc Jansen', 'Country': 'Germany', 'City': 'Bonn'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [568600, 6817300]},
'properties': {'Name': 'Bart van den Eijnden', 'Country': 'Netherlands', 'City': 'Utrecht'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [-7909900, 5215100]},
'properties': {'Name': 'Christopher Schmidt', 'Country': 'United States of America', 'City': 'Boston'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [-937400, 5093200]},
'properties': {'Name': 'Jorge Gustavo Rocha', 'Country': 'Portugal', 'City': 'Braga'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [-355300, 7547800]},
'properties': {'Name': 'Jennie Fletcher ', 'Country': 'Scotland', 'City': 'Edinburgh'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [657068.53608487, 5712321.2472725]},
'properties': {'Name': 'Bruno Binet ', 'Country': 'France', 'City': 'Chambéry'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [667250.8958124, 5668048.6072737]},
'properties': {'Name': 'Eric Lemoine', 'Country': 'France', 'City': 'Theys'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [653518.03606319, 5721118.5122914]},
'properties': {'Name': 'Antoine Abt', 'Country': 'France', 'City': 'La Motte Servolex'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [657985.78042416, 5711862.6251028]},
'properties': {'Name': 'Pierre Giraud', 'Country': 'France', 'City': 'Chambéry'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [742941.93818208, 5861818.9477535]},
'properties': {'Name': 'Stéphane Brunner', 'Country': 'Switzerland', 'City': 'Paudex'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [736082.61064069, 5908165.4649505]},
'properties': {'Name': 'Frédéric Junod', 'Country': 'Switzerland', 'City': 'Montagny-près-Yverdon'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [771595.97057525, 5912284.7041793]},
'properties': {'Name': 'Cédric Moullet', 'Country': 'Switzerland', 'City': 'Payerne'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [744205.23922364, 5861277.319748]},
'properties': {'Name': 'Benoit Quartier', 'Country': 'Switzerland', 'City': 'Lutry'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [1717430.147101, 5954568.7127565]},
'properties': {'Name': 'Andreas Hocevar', 'Country': 'Austria', 'City': 'Graz'}},
{ 'type': 'Feature', 'geometry': {'type': 'Point', 'coordinates': [-12362007.067301, 5729082.2365672]},
'properties': {'Name': 'Tim Schaub', 'Country': 'United States of America', 'City': 'Bozeman'}}
]
};
var reader = new OpenLayers.Format.GeoJSON();
return reader.read(features);
}
}
Loading

0 comments on commit 507ec59

Please sign in to comment.