osm_akuechler

A Joomla Plugin for Joomla 2.5 and 3.x to show an Openstreetmap map. The plugin use the Leaflet javascript library.

The advantage of OpenStreetMap is that no license fees such as Google maps (see here) are necessary. OpenStreetMap (OSM) is a collaborative project to create a free editable map of the world. (see Wikipedia)

Example

An example can be found here.

Usage

Write in one line, i.e.

<div class="osm-map" data-lat="51.047382" data-lon="13.734087" data-zoom="17">
  <div class="osm-point" data-lat="51.047382" data-lon="13.734087">
    <h3>
    	Spielplatz in der Innenstadt von Dresden.
  	</h3>
  </div>
  <div class="osm-point" data-lat="51.0466" data-lon="13.733087">
    <h3>
    	Parkplatz.
  	</h3>
    <p>
      Hier könnt ihr parken.
    </p>
  </div>
</div>

Name	Description
osm-map	DIV tag with the card data.
osm-point	DIV tag with a points, you can add lots of points. Included HTML text is for marker popup.
data-lat	Coordinate, Latitude
data-lon	Coordinate, Longitude
data-zoom	Zoom factor, depends on tiles server, between 1 and 18.
height	The height of DIV is the height of the card. Set the height via CSS, default is 400px.

Version

Version 2.8.0: (August 22nd, 2018) update leafletjs to 1.3.4 #7
Version 2.7.0: (April 10th, 2018) update leafletjs to 1.3.0 #6
Version 2.6.0: (October 9th, 2017) update leafletjs to 1.2.0 #3, add update server, fixes #1 #2
Version 2.5.0: (June 28th, 2017) update leafletjs to 1.1.0, add unpkg.com CDN
Version 2.4.0: (April 29th, 2017) update leafletjs to 1.0.3
Version 2.3.0: (Oct 4th, 2016) update leafletjs to 1.0.1
Version 2.2.0: (Sep 27, 2016) update leafletjs to 1.0.0
Version 2.1.0: (Dec 1, 2015) update leafletjs to 0.7.7
Version 2.0.0: (May 13, 2015) Change the API. Now you can use HTML-Tags only.
Version 1.3.0: (November 25, 2014) add support for jsdelivr
Version 1.2.0: (July 27, 2014) leafletjs upgrade to 0.7.3, Support Interaction Options from leaflet, Fix default value for retina support
Version 1.1.0: (January 12, 2014) add retina configuration, possiblility to configure max zoom for tiles and copyright hint.
Version 1.0.6: (January 12, 2014) leaflet 0.7.1
Version 1.0.5: (July 11, 2013) leaflet 0.6.2, possible to use Cloudflares CdnJS
Version 1.0.4: (November 05, 2012) IE CSS usage, not running on admin pages, no backslash at Windows system, better code
Version 1.0.3: (Oct. 26, 2012) leaflet 0.4.5
Version 1.0.2: Bugfix "+" to "." String concat
Version 1.0.1:
Version 1.0.0: initial version, leaflet 0.4

License

You can choose: MIT License or GPL-3.0

Leaflet is provided with the BSD 2-Clause License.

Configuration

No idea? Use the default value.

You can configurate the tile server URL. A tile server provides up to date map images. The default value is http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png. Another tile server is i.e. the Wikipedia tile server in Germany: http://{s}.www.toolserver.org/tiles/germany/{z}/{x}/{y}.png. Or you can choose you own tile server. See OpenStreetMap Wiki here and here. The describtion of the placeholders {s}, {x}, {y}, {z} can you find in the Leaflet documentation.

You can choose that the leaflet library is loaded not from your server but from Cloudflares CdnJS. This CDN (see Wikipedia) can rise the perfomance of your page and can reduce your webservers load.

crnm21 / osm_akuechler