How to add custom Map Tiles to a Map Chart Visualization in Spotfire ?

Spotfire allows you to add custom tiles (background image) on your map through the TMS-map protocol. Following this tutorial and its 3 simple steps, you will be able to change the default map layer of your Map Chart.

Step 1

Create a Map Chart and go into its properties.

Step 2

Under the « Layers » tab, add a « Map Layer » > « TMS Layer »

Step 3

Change the URL by one of the following list :

• http://a.tile.openstreetmap.org/{z}/{x}/{y}.png
• http://a.tile.osm.org/{z}/{x}/{y}.png
• http://a.tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png
• http://a.tile.opentopomap.org/{z}/{x}/{y}.png
• http://a.tile.thunderforest.com/cycle/{z}/{x}/{y}.png
• http://a.tile.thunderforest.com/transport/{z}/{x}/{y}.png
• http://a.tile.thunderforest.com/transport-dark/{z}/{x}/{y}.png
• http://a.tile.thunderforest.com/landscape/{z}/{x}/{y}.png
• http://a.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png
• http://openmapsurfer.uni-hd.de/tiles/roads/x={x}&y={y}&z={z}
• http://openmapsurfer.uni-hd.de/tiles/roadsg/x={x}&y={y}&z={z}
• http://a.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.se/hydda/base/{z}/{x}/{y}.png
• http://a.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png
• http://a.tile.stamen.com/toner/{z}/{x}/{y}.png
• http://a.tile.stamen.com/terrain/{z}/{x}/{y}.png
• http://a.tile.stamen.com/watercolor/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png
• http://a.tile.geofabrik.de/549e80f319af070f8ea8d0f149a149c2/{z}/{x}/{y}.png
• http://a.tile.geofabrik.de/23228979966ae9040ceb0597251e12a2/{z}/{x}/{y}.png
• http://a.tile.geofabrik.de/15173cf79060ee4a66573954f6017ab0/{z}/{x}/{y}.png
• http://a.tile.stamen.com/toner/{z}/{x}/{y}.png
• http://a.tile.stamen.com/watercolor/{z}/{x}/{y}.png
• http://a.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png
• http//a.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png
• http//a.tile.openstreetmap.fr/openriverboatmap/{z}/{x}/{y}.png
• http//a.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png
• http//a.tile2.opencyclemap.org/transport/{z}/{x}/{y}.png

As usual the dxp is available for download :

Additionnal layer provider can be found here : Leaflet-providers preview or here : GeoAnalytics Resources

Follow us! 🙂