HERE Maps API - How to show a Place on a web page

From Nokia Developer Wiki
Jump to: navigation, search



In this example we will use the places library of the HERE Maps API to get information about a specific place and render that data on the web page with the use of the default template. There are a set of templates you can use for your purposes.

The information displayed consists of the name of the place next to a POI category icon, the address and contact details on a map centered to the POI icon.

To the results it is possible to add a list of reviews, ratings, accepted payment methods, photos taken.

The HTML page has a div element on which the information will be displayed.

In this simple example, we will only call the Place constructor using two parameters:

  • targetNode - indicates where to display the place data.
  • placeId - the id of the location for which data is to be fetched and displayed.


This is a fully working example code in HTML and JavaScript.

Example code

function displayPlaceData(map){
var basicPlace = new nokia.places.widgets.Place({
placeId: '250u0ts2-78a011f821684d489e709ad6a3329fac',
targetNode: 'placeContainer',
template: 'nokia.blue.extended'});

The following screenshot shows the details of the place after making the search.


The following fully working example displays the place as shown above:


For more on the HERE Maps API

Please check out the HERE Maps API full documentation and API reference here:

You may also access the interactive API explorer

Article Metadata
Code ExampleTested with
Devices(s): Internet Explorer, Google Chrome, Firefox, Safari
Platform(s): Web
Dependencies: HERE Maps 2.5.3
Keywords: HERE Maps, Places, JavaScript
Created: Maveric (20 Jun 2011)
Updated: jasfox (06 Feb 2012)
Last edited: jasfox (28 Nov 2013)
This page was last modified on 28 November 2013, at 11:29.
81 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.