Map JS API
See how to find an address using a geographic coordinate
Use the Rasters Map JS API to reverse geocode a position provided in lat lon. The method returns a JSON with the following attributes :
{ address { country, county, postcode, region, road, state, village }, displayName, lat, lon }
<html> <head> <script src="https://rasters.io/maps/v0.8.0/rasters.map.min.js"></script> </head> <body> <script> var map; var MapToken = "Enter your MapToken here"; Rasters.Map.OnReady = function () { map = new Rasters.Map({ container: 'Map', // container id url: 'https://api.rasters.io/', mapKey: "", authenticationMode: Rasters.AuthenticationMode.MapToken, token: MapToken }); map.OnReady = OnConnectHander; } function OnConnectHander() { map.SetPosition(-71.2170425, 46.810457, 10); map.GeoCodeReverse(46.81, -71.21, function (results, status) { if (status === "OK") { map.AddMapItems({ "type": "Feature", "id": "point", "properties": { "device_name": "Point1", "text": results.displayName, "style.color": "#0000ff", "style.icon": "star" }, "geometry": { "type": "Point", "coordinates": [results.lon, results.lat] } }, "", false, false); // AddMapItems } }); } </script> <div style='width: 100%; height: 400px; position: relative;'> <div id="Map" style='width: 100%; height: 100%;'></div> </div> </body> </html>
Help Guide Powered by Documentor