Skip to content

Step4.md

Latest commit

 

History

History
56 lines (45 loc) · 1.5 KB

Step4.md

File metadata and controls

56 lines (45 loc) · 1.5 KB

Add isoline routing using isoline of the Routing API

Add the following code before </script> tag

var myLoc = MyPos.lat + ',' + MyPos.lng
var routingParams = {
  'mode': 'shortest;pedestrian;',
  'start': myLoc,
  'range': '2000', // 2 km
  'rangetype': 'distance'
}

// Define a callback function to process the isoline response.
var onResult = function(result) {
  var center = new H.geo.Point(
    result.response.center.latitude,
    result.response.center.longitude),
  isolineCoords = result.response.isoline[0].component[0].shape,
  linestring = new H.geo.LineString(),
  isolinePolygon,
  isolineCenter

  // Add the returned isoline coordinates to a linestring:
  isolineCoords.forEach(function(coords) {
  linestring.pushLatLngAlt.apply(linestring, coords.split(','))
  })

  // Create a polygon and a marker representing the isoline:
  isolinePolygon = new H.map.Polygon(linestring)
//   isolineCenter = new H.map.Marker(center)

  // Add the polygon and marker to the map:
  map.addObject(isolinePolygon)

  // Center and zoom the map so that the whole isoline polygon is
  // in the viewport:
  map.getViewModel().setLookAtData({bounds: isolinePolygon.getBoundingBox()})
}

// Get an instance of the routing service:
var router = platform.getRoutingService()

// Call the Routing API to calculate an isoline:
router.calculateIsoline(
  routingParams,
  onResult,
  function(error) {
  alert(error.message)
  }
);


Double-click on saved file to view on browser

Foo