Maps API v3 Data layer remove feature
by Wolf
HTML
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>
CSS
#map-canvas {
height: 400px;
}
JavaScript
var map;
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'), {
zoom: 4,
center: {
lat: -28,
lng: 137.883
}
});
/* Estilos para la capa de dibujo*/
map.data.setStyle(function(feature) {
var type = feature.getGeometry().getType();
switch (type) {
case "Point":
title = feature.getId();
return {
title: title,
draggable: false,
icon: {
url: "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSWXY7pr0ndmuddq6XzG1zg1uBgTx_dXBrfNEMqIJmKWYxjDaQFCKqHng",
scaledSize: {
height: 40,
width: 40,
},
anchor: {
x: 20,
y: 20,
},
},
};
break;
}
});
map.addListener('click', function(e) {
console.log(e);
map.data.add(new google.maps.Data.Feature({
geometry: new google.maps.Data.Point(e.latLng),
id: "Test Point",
}));
});
}
google.maps.event.addDomListener(window, 'load', initialize);