Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

103 lines (98 sloc) 3.591 kb
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9; IE=10" />
<meta name="keywords" content="startGeoCode,onGeocodeComplete,startFreeTextSearch,onPlaceSearchComplete" />
<title>HERE Maps API Example: Using the Geocoding Service</title>
<!-- Set up constants such as APP ID and token -->
<script type="text/javascript" src="libs/hereAppIdAndToken.js"></script>
<!-- Bootstrap jQuery Library -->
<script type="text/javascript" src="libs/jQl.min.js"></script>
<!-- Asynchronously the HERE Maps API for JavaScript -->
<script type="text/javascript" src="libs/hereAsyncLoader.js"
id="HereMapsLoaderScript"
data-map-container="mapContainer"
data-params="maps"
data-callback="afterHereMapLoad" >
</script>
<link rel="icon" href="http://here.com/favicon.ico"/>
<!--<link href="http://developer.here.com/html/css/main.css" rel="stylesheet" />-->
</head>
<body>
<h1>Using the Geocoding Service</h1>
<div id="extra">
<label for="geo_text_box"> Geocode </label><br/>
<input type="text" id="geo_text_box"/>
<input type="button" value="Geo code with name" onclick="startGeoCode()"/>
<br/>
<label for="free_text_text_box"> Free text search</label><br/>
<input type="text" id="free_text_text_box"/>
<input type="button" value="Search" onclick="startFreeTextSearch()"/>
</div>
<div id="mapContainer" style="width:540px; height:334px;"></div>
<script id="example-code" data-categories="search" type="text/javascript" >
//<![CDATA[
var map;
function onGeocodeComplete(data, requestStatus) {
var marker;
if (requestStatus === 'OK') {
alert('GEOCODE ENDED SUCCESSFULLY');
map.objects.clear();
marker = new nokia.maps.map.StandardMarker(data.location.position);
map.objects.add(marker);
map.zoomTo(marker.getBoundingBox(), false);
if (map.get('zoomLevel') > 15) {
map.setZoomLevel(15);
}
} else if (requestStatus === 'ERROR') {
alert('GEOCODE FAILED.');
}
}
function onPlaceSearchComplete(data, requestStatus) {
if (requestStatus === 'OK') {
alert('SEARCH ENDED SUCCESSFULLY');
var resultSet = new nokia.maps.map.Container(),
locations = data.results.items,
len = locations.length,
marker,
i;
// Convert all found locations into a set of markers
map.objects.clear();
for (i = 0; i < len; i += 1) {
marker = new nokia.maps.map.StandardMarker(locations[i].position, { text: i + 1 });
resultSet.objects.add(marker);
}
// Next we add the marker(s) to the map's object collection so they will be rendered onto the map
map.objects.add(resultSet);
// We zoom the map to a view that encapsulates all the markers into map's viewport
map.zoomTo(resultSet.getBoundingBox(), false);
} else if (requestStatus === 'ERROR') {
alert('SEARCH FAILED.');
}
}
function startGeoCode() {
var geocode = document.getElementById('geo_text_box');
nokia.places.search.manager.geoCode({
searchTerm : geocode.value,
onComplete: onGeocodeComplete
});
}
function startFreeTextSearch() {
var freetext = document.getElementById('free_text_text_box');
nokia.places.search.manager.findPlaces({
searchTerm : freetext.value,
onComplete: onPlaceSearchComplete,
searchCenter: map.center
});
}
function afterHereMapLoad(theMap) {
map = theMap;
map.setCenter(new nokia.maps.geo.Coordinate(18.975, 72.825833));
map.setZoomLevel(10);
}
//]]>
</script>
<script type="text/javascript" src="libs/prettyprint.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.