Docs

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
Suggest Edit