×
Namespaces

Variants
Actions

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

From Nokia Developer Wiki
Jump to: navigation, search

Contents

Introduction

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.

Implementation

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.

Search-place-nma.png


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

http://rawgithub.com/heremaps/examples/master/maps_api_for_javascript/simple-examples/display-place-data.html

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
Compatibility
Platform(s): Web
Dependencies: HERE Maps 2.5.3
Article
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 14:29.
148 page views in the last 30 days.
×