HERE Static Map Maker

HERE Map of [[base.location]]

Treat the code like an image — you can use HTML or CSS to display it.

http://image.maps.cit.api.here.com/mia/1.6/mapview?app_id=[[ base.API && base.API || 'YOUR-APP-ID-HERE' ]]&app_code=[[ base.code_id && base.code_id || 'YOUR-CODE-ID-HERE' ]]&ci=[[base.location.split(' ').join('+')]]&h=[[base.height]]&w=[[base.width]]&z=[[base.zoom]][[ base.u && '&u=' + base.u + base.distances || '']]&f=[[base.format]][[base.flag == true && '&i=true' || '']][[base.nodot == true && '&nodot=true' || '']][[base.language && '&ml=' + base.language || '']]&style=[[base.style]][[base.rotation > 0 && '&ra=' + base.rotation || '']]

HTML

<img width="[[base.width]]" src="http://image.maps.cit.api.here.com/mia/1.6/mapview?app_id=[[ base.API && base.API || 'YOUR-APP-ID-HERE' ]]&app_code=[[ base.code_id && base.code_id || 'YOUR-CODE-ID-HERE' ]]&ci=[[base.location.split(' ').join('+')]]&h=[[base.height]]&w=[[base.width]]&z=[[base.zoom]][[ base.u && '&u=' + base.u + base.distances || '']]&f=[[base.format]][[base.flag == true && '&i=true' || '']][[base.nodot == true && '&nodot=true' || '']][[base.language && '&ml=' + base.language || '']]&style=[[base.style]][[base.rotation > 0 && '&ra=' + base.rotation || '']]" alt="HERE Map[[base.auto != true && ' of '+ base.location || '' ]]">

CSS

background-image: url(http://image.maps.cit.api.here.com/mia/1.6/mapview?app_id=[[ base.API && base.API || 'YOUR-APP-ID-HERE' ]]&app_code=[[ base.code_id && base.code_id || 'YOUR-CODE-ID-HERE' ]]&ci=[[base.location.split(' ').join('+')]]&h=[[base.height]]&w=[[base.width]]&z=[[base.zoom]][[ base.u && '&u=' + base.u + base.distances || '']]&f=[[base.format]][[base.flag == true && '&i=true' || '']][[base.nodot == true && '&nodot=true' || '']][[base.language && '&ml=' + base.language || '']]&style=[[base.style]][[base.rotation > 0 && '&ra=' + base.rotation || '']]);
  1. Customize the fields to build your map.
  2. The “Code” tab contains the code for your map including examples.
  3. Copy and paste the code into your HTML document or a stylesheet.

You can add a static map to any website with simple HTML and no JavaScript. Using URL parameters, you can describe the type of map that you want and HERE will send it back.

The Static Map Maker helps you configure the HERE API parameters and gives you the code in real time.

Check out HERE's static maps API.

Made by Katy DeCorah.