{"id":81,"date":"2021-10-28T08:32:57","date_gmt":"2021-10-28T08:32:57","guid":{"rendered":"https:\/\/www.cartograph.eu\/v3\/?page_id=81"},"modified":"2026-03-25T08:56:01","modified_gmt":"2026-03-25T08:56:01","slug":"online-maps","status":"publish","type":"page","link":"https:\/\/www.cartograph.eu\/v3\/add-ons\/online-maps\/","title":{"rendered":"Online maps"},"content":{"rendered":"<div>\n\t\t\t\t<div class=\"addthis_toolbox addthis_default_style text-right\">\n\t\t\t\t<a class=\"addthis_button_facebook_like\" fb:like:layout=\"button_count\"><\/a>\n\t\t\t\t<a class=\"addthis_button_tweet\"><\/a>\n\t\t\t\t<a class=\"addthis_button_pinterest_pinit\" pi:pinit:layout=\"horizontal\"><\/a>\n\t\t\t\t<a class=\"addthis_counter addthis_pill_style\"><\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<script async type=\"text\/javascript\">\n\t\t\t\tvar addthis_config = addthis_config||{};\n\t\t\t\taddthis_config.data_track_clickback = false;\n\t\t\t\taddthis_config.data_track_addressbar = false;\n\t\t\t\tvar addthis_share = {url: \"https:\/\/www.cartograph.eu\/v3\/add-ons\/online-maps\/\"};\n\t\t\t\t<\/script>\n\t\t\t\t<script async type=\"text\/javascript\" src=\"\/\/s7.addthis.com\/js\/300\/addthis_widget.js#pubid=ra-528087a8560a6838\"><\/script>\n\t\t\t\t<\/div>\n\n\n\n<p>The Cartograph app can be extended with custom online maps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#install\">Install user created maps<\/a>.<\/li>\n\n\n\n<li><a href=\"#onlinemap\">Manually adding an online map<\/a>.<\/li>\n\n\n\n<li><a href=\"#wms\">Manually adding a WMS online map<\/a>.<\/li>\n\n\n\n<li><a href=\"#files\">Creating online map installation files<\/a>.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"install\">Install user created online maps<\/h2>\n\n\n\n<p>The following table lists ready-to-install online maps:<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><thead><tr><th>Name<\/th><th>Type<\/th><th class=\"has-text-align-center\" data-align=\"center\">Install<\/th><\/tr><\/thead><tbody><tr><td>Google maps (road, terrain, satellite)<\/td><td>Raster<\/td><td class=\"has-text-align-center\" data-align=\"center\"><a href=\"cartograph-s:\/\/www.cartograph.eu\/v3\/downloads\/onlinemaps\/google.onlinemap\">Install<\/a><\/td><\/tr><tr><td>Microsoft Bing (road, satellite)<\/td><td>Raster<\/td><td class=\"has-text-align-center\" data-align=\"center\"> <a href=\"cartograph-s:\/\/www.cartograph.eu\/v3\/downloads\/onlinemaps\/bing.onlinemap\">Install<\/a> <\/td><\/tr><tr><td>IGN-France<\/td><td>Raster<\/td><td class=\"has-text-align-center\" data-align=\"center\"> <a href=\"cartograph-s:\/\/www.cartograph.eu\/v3\/downloads\/onlinemaps\/IGN-France.onlinemap\">Install<\/a> <\/td><\/tr><tr><td>Strava.com Heat Map generator<\/td><td>Raster<\/td><td class=\"has-text-align-center\" data-align=\"center\"><a href=\"https:\/\/stravaheatmap-generator.azurewebsites.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Generate<\/a><\/td><\/tr><tr><td>Strava heatmap (provided by NaKarte.me) <strong>**Does not work anymore**<\/strong><\/td><td>Raster<\/td><td class=\"has-text-align-center\" data-align=\"center\"><a href=\"cartograph-s:\/\/www.cartograph.eu\/v3\/downloads\/onlinemaps\/nakarte_strava.onlinemap\">Install<\/a><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Ready-to-install online maps.<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"onlinemap\">Manually adding an online map<\/h2>\n\n\n\n<p>Please use the <a href=\"https:\/\/www.cartograph.eu\/v3\/online-map-creation-tool\/\" data-type=\"page\" data-id=\"612\">online map creation tool <\/a>for creating a custom online map entry.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wms\">Manually adding a WMS online map<\/h2>\n\n\n\n<p> Please use the <a href=\"https:\/\/www.cartograph.eu\/v3\/online-map-creation-tool\/\" data-type=\"page\" data-id=\"612\">online map creation tool <\/a>for creating a custom online map entry .<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"files\">Creating online map definition files<\/h2>\n\n\n\n<p>Online map definition files contain a list of online map definitions which can be easily installed from a web server by creating a link of the format &#8220;cartograph:\/\/www.myserver.com\/myonlinemaps.onlinemap&#8221;. The <strong>file extension <\/strong>of definition files must be &#8220;<strong>*.onlinemap<\/strong>&#8220;.<\/p>\n\n\n\n<p>The following code shows an example definition file which creates a folder containing two maps:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{<br>  \"version\": 3,<br>  \"folders\":[<br>    {<br>      \"name\": {<br>        \"default\": \"Example online maps folder\"<br>      },<br>      \"description\": {<br>        \"default\": \"\"<br>      },<br>      \"folder_key\":\"\",<br>      \"key\":\"example_online_maps\"<br>    }<br>  ],<br>  \"maps\": [<br>    {<br>      \"name\": {<br>        \"default\": \"OpenStreetMap Example Map\",<br>        \"de\": \"OpenStreetMap Beispielkarte\"<br>      },<br>      \"description\": {<br>        \"default\": \"\"<br>      },<br>      \"type\": \"onlinemap\",<br>      \"url\": \"http:\/\/tile.openstreetmap.org\/{z}\/{x}\/{y}.png?tilesize={ts}\",<br>      \"attribution\": \"\u00a9 OpenStreetMap contributors\\nhttp:\/\/www.openstreetmap.org\/copyright\",<br>      \"enable_tile_download\": false,<br>      \"defaultLatitude\": 51.47,<br>      \"defaultLongitude\": 0,<br>      \"defaultZoom\": 1,<br>      \"minZoom\": 0,<br>      \"maxZoom\": 22,<br>      \"projection\": \"EPSG_4326\",<br>      \"headers\": [<br>        {<br>          \"key\": \"User-Agent\",<br>          \"value\": \"My user-agent\"<br>        }<br>      ],<br>      \"unique_id\": \"example.openstreetmap.org\",<br>      \"folder_key\":\"example_online_maps\"<br>    },<br>    {<br>      \"name\": {<br>        \"default\": \"NASA WMS map\"<br>      },<br>      \"description\": {<br>        \"default\": \"\"<br>      },<br>      \"type\": \"wms\",<br>      \"url\": \"\",<br>      \"service_url\": \"https:\/\/neo.sci.gsfc.nasa.gov\/wms\/wms?version=1.3.0&amp;service=WMS&amp;request=GetCapabilities\",<br>      \"wms_version\": \"1.1.1\",<br>      \"attribution\": \"\u00a9 NASA\",<br>      \"defaultLatitude\": 51.47,<br>      \"defaultLongitude\": 0,<br>      \"defaultZoom\": 1,<br>      \"minZoom\": 0,<br>      \"maxZoom\": 22,<br>      \"projection\": \"EPSG_4326\",<br>      \"headers\": [<br>        {<br>          \"key\": \"User-Agent\",<br>          \"value\": \"My user-agent\"<br>        }<br>      ],<br>      \"unique_id\": \"example.neo.sci.gsfc.nasa.gov\",<br>      \"folder_key\":\"example_online_maps\"<br>    }<br>  ]<br>}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"folders\">Folders<\/h3>\n\n\n\n<p>The &#8220;<strong>folders<\/strong>&#8221; element contains a list of folders which can be used for grouping the maps. Each folder has  an unique &#8220;<strong>key<\/strong>&#8221; which must be unique in the app. A recommended format for the key is &#8220;com.myserver.some_unique_string&#8221;. The &#8220;<strong>folder_key<\/strong>&#8221; field can be used for creating hierarchies of folders (if left empty then the folder is placed in the root folder).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"maps\">Maps<\/h3>\n\n\n\n<p>The &#8220;<strong>maps<\/strong>&#8221; element contains a list of online maps. The following fields are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8220;<strong>name<\/strong>&#8220;: The name of the map.<\/li>\n\n\n\n<li>&#8220;<strong>description<\/strong>&#8220;: A description of the map.<\/li>\n\n\n\n<li>&#8220;<strong>type<\/strong>&#8220;: The map type:\n<ul class=\"wp-block-list\">\n<li>&#8220;onlinemap&#8221;: A raster tiles online map providing png, jpg, or bmp images.<\/li>\n\n\n\n<li>&#8220;onlinemap_bing&#8221;: A raster map using Bing quadkey urls.<\/li>\n\n\n\n<li>&#8220;onlinemap_mvt&#8221;: A vector tiles online map providing Mapbox vector tiles.<\/li>\n\n\n\n<li>&#8220;wms&#8221;: A WMS (web map service) map.<\/li>\n\n\n\n<li>&#8220;wmts&#8221;: A WMTS map.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>&#8220;<strong>url<\/strong>&#8221; (optional for WMS maps): The server url for requesting tiles. Since Cartograph 3.0.8 variable formats {x} and {$x} are supported. The following variables are available:\n<ul class=\"wp-block-list\">\n<li>&#8220;{x}&#8221;: The x coordinate of the tile.<\/li>\n\n\n\n<li>&#8220;{y}&#8221;: The y coordinate of the tile.<\/li>\n\n\n\n<li>&#8220;{z}&#8221;: The zoom level.<\/li>\n\n\n\n<li>&#8220;{invY}&#8221;: TMS y coordinate (inverse &#8220;{y}&#8221;).<\/li>\n\n\n\n<li>&#8220;{ts}&#8221; (optional): The tile size.<\/li>\n\n\n\n<li>&#8220;{quadkey}&#8221;, &#8220;{quad}&#8221; (for Bing maps): The Bing tile quad key.<\/li>\n\n\n\n<li>&#8220;{serverpart}&#8221;: Always defaults to &#8220;a&#8221;!<\/li>\n\n\n\n<li>&#8220;{minlon}&#8221;, &#8220;{maxlat}&#8221;, &#8220;{maxlon}&#8221;, &#8220;{minlat}&#8221;, &#8220;{bbox}&#8221;: The bounding box coordinates (WMS maps only).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>&#8220;<strong>service_url<\/strong>&#8221; (WMS maps only): The service URL of the WMS. The service url usually has the following format: &#8220;<a rel=\"noreferrer noopener\" href=\"https:\/\/neo.sci.gsfc.nasa.gov\/wms\/wms?version=1.3.0&amp;service=WMS&amp;request=GetCapabilities\" target=\"_blank\">https:\/\/neo.sci.gsfc.nasa.gov\/wms\/wms?version=1.3.0&amp;service=WMS&amp;request=GetCapabilities<\/a>&#8220;.<\/li>\n\n\n\n<li>&#8220;<strong>attribution<\/strong>&#8220;: The copyright\/attribution for the map.<\/li>\n\n\n\n<li>&#8220;<strong>defaultLatitude<\/strong>&#8220;: The default latitude position of the map.<\/li>\n\n\n\n<li>&#8220;<strong>defaultLongitude<\/strong>&#8220;: The default longitude position of the map.<\/li>\n\n\n\n<li>&#8220;<strong>defaultZoom<\/strong>&#8220;: The default zoom level.<\/li>\n\n\n\n<li>&#8220;<strong>minZoom<\/strong>&#8220;: The minimum zoom level supported by the map.<\/li>\n\n\n\n<li>&#8220;<strong>maxZoom<\/strong>&#8220;: The maximum zoom level supported by the map.<\/li>\n\n\n\n<li>&#8220;<strong>projection<\/strong>&#8220;: The map projection. This should always be &#8220;EPSG_4326&#8221;.<\/li>\n\n\n\n<li>&#8220;<strong>headers<\/strong>&#8220;: A list of headers sent with each map request. This can include the &#8220;User-Agent&#8221;, service specific API keys, etc.<\/li>\n\n\n\n<li>&#8220;<strong>unique_id<\/strong>&#8220;: A unique id for the map. The unique id must be unique in the Cartograph app.<\/li>\n\n\n\n<li>&#8220;<strong>folder_key<\/strong>&#8220;: The <a href=\"#folders\">folder <\/a>in which the map is located.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Cartograph app can be extended with custom online maps: Install user created online maps The following table lists ready-to-install<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":52,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/81\/revisions\/1763"}],"up":[{"embeddable":true,"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/www.cartograph.eu\/v3\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}