Docs

Map JS API

Remove an item on the map with the JS API #

Remove an item on the map using the “Id” with the JS API.

<html>
<head>
    
    <script src="https://rasters.io/maps/v0.8.0/rasters.map.min.js"></script>
    <link rel="stylesheet" href="https://rasters.io/maps/v0.8.0/rasters.css" />

    <style>
        html, body {
            height: 100%;
            -ms-touch-action: none;
        }       
    </style>
</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);    
            addGeoJSON();
        }       

function Delete() {
          map.DeleteItems("Point_id1");        
    }

   function addGeoJSON() { 
      var geoJson = { 
          "type": "Feature",
          "id": "Point_id1",
          "properties": {
              "name": "PointName1", 
              "style.icon": "star"
          },
          "geometry": {
             "type": "Point",
             "coordinates": [-71.217042, 46.810457]
          } 
      }; 
    
      // Set the last parameter to false (is not Locked)
      map.AddMapItems(geoJson, "", false, false);
  }
</script>

<div style='width: 100%; height: 400px; position: relative;'>
  <div id="Map" style='width: 100%; height: 100%;'></div>
  <div class="btn-group" style="position: absolute; right: 10px; top: 10px;" >
    <button class="btn btn-default" onclick="Delete()">Delete</button>
  </div>
</div>
     
</body>
</html>
Help Guide Powered by Documentor
Suggest Edit