Widget:OpenStreetMap: Difference between revisions
Jump to navigation
Jump to search
First attempt, not tested |
Added central marker and points of interest. Still not tested. |
||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude>This widget allows you to embed '''[http://openstreetmap.org OpenStreetMap]''' in a wiki page. | ||
This widget allows you to embed | |||
== Using this widget == | == Using this widget == | ||
| Line 8: | Line 7: | ||
=== Parameters === | === Parameters === | ||
;width | |||
: Width of the embedded map (default 400px). | |||
;height | |||
: Height of the embedded map (default 400px). | |||
;lat | ;lat | ||
: The x coordinate. | : The x-coordinate for the centre of the view. | ||
;lon | ;lon | ||
: The y coordinate. | : The y-coordinate for the centre of the view. | ||
;units | |||
: The type of [http://dev.openlayers.org/docs/files/OpenLayers/Map-js.html#OpenLayers.Map.units map units] used for the coordinates (defaults to 'degrees'). | |||
;zoom | ;zoom | ||
: The zoom level. | : The [http://wiki.openstreetmap.org/wiki/Zoom_levels zoom level] (default 15). | ||
;showmarker | |||
: Adds a visual marker to the center of the map (default false). | |||
;poifile | |||
: Specifies a file containing points of interest (POI) that should be overlaid on the map. See the file format description in [http://dev.openlayers.org/releases/OpenLayers-2.6/doc/apidocs/files/OpenLayers/Layer/Text-js.html]. | |||
;poititle | |||
: The title of the POI layer (default 'Points of interest'). | |||
== Example == | == Example == | ||
{{#widget:OpenStreetMap|lat=13.41|lon=52.52|zoom=15}} | {{#widget:OpenStreetMap|lat=13.41|lon=52.52|zoom=15}} | ||
</noinclude><includeonly> | </noinclude><includeonly><!--{counter name="openStreetMapDivID" assign="openStreetMapDivID"}--><div id="openStreetMap<!--{$openStreetMapDivID|escape:'html'}-->" style="width:<!--{$width|escape:'html'|default:'400px'}-->; height:<!--{$height|escape:'html'|default:'400px'};"></div><!--{if $openStreetMapDivID == 1}--><script type="text/javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script><!--{/if}--><script type="text/javascript"> | ||
<div id=" | |||
(function (){ | (function (){ | ||
var lon = <!--{$lon|validate:float}-->; | |||
var lat = <!--{$lat|validate:float}-->; | |||
var zoom = <!--{$zoom|validate:int|default:15}-->; | |||
var divID = 'openStreetMap<!--{$openStreetMapDivID|escape:'quotes'}-->'; | |||
var mapUnits = '<!--{$units|escape:'quotes'|default:'degrees'}-->'; | |||
map = new OpenLayers.Map(divID, {units:mapUnits}); | |||
var mapnik = new OpenLayers.Layer.OSM(); | var mapnik = new OpenLayers.Layer.OSM(); | ||
map.addLayer(mapnik); | map.addLayer(mapnik); | ||
map. | |||
// transform from WGS 1984 to Spherical Mercator projection | |||
var centerPt = new OpenLayers.LonLat(lon, lat).transform( | |||
new OpenLayers.Projection('EPSG:4326'), | |||
map.getProjectionObject(); | |||
); | |||
<!--{if $showmarker}--> | |||
var markers = new OpenLayers.Layer.Markers("Markers"); | |||
map.addLayer(markers); | |||
markers.addMarker(new OpenLayers.Marker(centerPt)); | |||
<!--{/if}--> | |||
<!--{if $poifile}--> | |||
var pois = new OpenLayers.Layer.Text( | |||
'<!--{$poititle|escape:'quotes'|default:'Points of interest'}-->', | |||
{ | |||
location:'<!--{$poifile|escape:'quotes'}-->', | |||
projection:map.displayProjection | |||
}); | |||
map.addLayer(pois); | |||
<!--{/if}--> | |||
map.setCenter(centerPt, zoom); | |||
})(); | })(); | ||
</script><noscript>Please enable JavaScript to view the OpenStreetMap.</noscript></includeonly> | </script><noscript>Please enable JavaScript to view the <a href="http://www.openstreetmap.org/">OpenStreetMap</a>.</noscript></includeonly> | ||
Revision as of 17:09, 11 March 2011
This widget allows you to embed OpenStreetMap in a wiki page.
Using this widget
You can insert a map with the following wiki code:
{{#widget:OpenStreetMap|lat=13.41|lon=52.52|zoom=15}}
Parameters
- width
- Width of the embedded map (default 400px).
- height
- Height of the embedded map (default 400px).
- lat
- The x-coordinate for the centre of the view.
- lon
- The y-coordinate for the centre of the view.
- units
- The type of map units used for the coordinates (defaults to 'degrees').
- zoom
- The zoom level (default 15).
- showmarker
- Adds a visual marker to the center of the map (default false).
- poifile
- Specifies a file containing points of interest (POI) that should be overlaid on the map. See the file format description in [1].
- poititle
- The title of the POI layer (default 'Points of interest').
Example