NNM Map Viewer

Documentation

Simple map functionality with capabilities of showing markers and lines.

Basics

The map is created from parameters defined in the URL.

Mandatory parameters

origo

The map is initially centered at coordinates defined by the origo parameter. Example: origo=69.00,19.00.

zoom

The map has an initial zoom level.

Optional parameters

title

A title can be defined. Example: title=My%20own%20special%20title.

point

point is an array of coordinates for which a polygon should be drawn between each consecutive point (order is therefore important). A polygon can be shown between (at least two) coordinates defined with the point parameter. Each point is defined by latitude and longitude values. Example: point=-1,2&point=-2,-1&point=1,-2&point=2,1.

showMarkerForOrigo

A marker can be shown for origo (showMarkerForOrigo=true).

marker

marker is an array of coordinates where a marker should be placed. Markers can be shown for (one of several) defined points. Example: marker=6.90,7.23 or marker=6.90,7.23&marker=69.2203,17.1234.

Valid parameter values

• Latitude and longitude values are measured in degrees.
• Latitude values can be in the interval -90 to 90.
• Longitude values can be in the interval -180 to 180.
• Zoom level values can be in the interval 0 to 18.
• Values must be properly URL encoded. At the moment title is probably the only parameter that may need an encoded value (since all the other values are numbers or booleans).

Additional functionality

If you click in the map, the current coordinates will popup.

A link to a similar view in Google Maps is also shown.

Examples

• Latitude zero and longitude zero
• Equator and others
• An interesting part of the 69th latitude
• An interesting part of the 27th longitude
• An interesting part of the 80th longitude
• Three-country cairn (Sweden, Norway and Finland)
• The four outermost points in Sweden and the centre
• Royal castle in Stockholm
• Njurunda church
• Mount Everest

An example of a complete URL:

http://anders.nemonisimors.com/projects/map/v2.0/mapViewer.html?title=Mount%20Everest&origo=27.987907,86.924852&zoom=18&showMarkerForOrigo=true

URL encoder

Here is a simple tool which you can use to URL encode your parameter values.

History

NNM Map Viewer was originally implemented by Anders Gustafson in November 2018.

• Current version, 2.0, was released 2018-11-22. Breaking changes, since the URL parameters look differently than in version 1.0.
• Version 1.0, was released 2018-11-18. Implemented with Javascript, HTML, CSS, Leaflet JS and OpenStreetMap.

Thanks to

Map functionality provided with the help from Leaflet and OpenStreetMap contributors. All the credits go to them.