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