Salve a tutti, io e un mio amico stiamo sviluppando un'applicazione java che utilizza delle api di google maps e ci serve una mano.
le utilizziamo caricando un file html e implementando librerie javascript, ecco il codice del file html;
Problema: caricando l'api così (il programma finale caricherà in un'apposita finestra l'html) ci sono due bottoni creati dalle funzioni javascript della stessa, che si trovano in basso a sinistra e in basso a destra e sono cliccabili.
Abbiamo davvero bisogno di implementare una funzione javascript che li trovi e li rimuova, ma sembra non sia così semplice.
Ho fatto diverse prove:
- gli elementi non hanno un id, dunque non è semplice trovarli
- con un comando del tipo $("div").remove(":contains('Click on this area')"); che se ho ben capito dovrebbe eliminare il div che contiene al suo interno la stringa 'Click on this area' (il primo dei due pulsanti da togliere) sparisce tutto sulla pagina
- (non so se c'entra) eseguendo il comando getElementsByTag con parametro "div" mi restituisce un solo risultato, con parametro "img" zero risultati, dunque mi sembra di capire che mi restituisca solamente gli elementi facenti parte del sorgente nostro e non da quello generato automaticamente dall'api (se così si possono definire, non sono molto pratico di html e javascript)
Potete aiutarmi? con che comando posso effettivamente cercare quei due elementi e rimuoverli? (il primo non ha nemmeno del testo tra i tag)
le utilizziamo caricando un file html e implementando librerie javascript, ecco il codice del file html;
HTML:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100%; background-color: #666970; }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(37.39822, -121.9643936);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
navigationControl: false,
streetViewControl: false,
backgroundColor: "#666970"
};
document.geocoder = new google.maps.Geocoder();
document.map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
/* document.marker = new google.maps.Marker({
position: {lat: 37.39822, lng: -121.9643936},
map: document.map,
title: 'Hello World!'
});
*/
document.setMarker = function(latitudine, longitudine){
var marker = new google.maps.Marker({
position: {lat: latitudine, lng: longitudine},
map: document.map,
title: 'Marker'
});
}
document.zoomIn = function zoomIn() {
var zoomLevel = document.map.getZoom();
if (zoomLevel <= 20) document.map.setZoom(zoomLevel + 1);
}
document.zoomOut = function zoomOut() {
var zoomLevel = document.map.getZoom();
if (zoomLevel > 0) document.map.setZoom(zoomLevel - 1);
}
document.setMapTypeRoad = function setMapTypeRoad() {
document.map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}
document.setMapTypeSatellite = function setMapTypeSatellite() {
document.map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
}
document.setMapTypeHybrid = function setMapTypeHybrid() {
document.map.setMapTypeId(google.maps.MapTypeId.HYBRID);
}
document.setMapTypeTerrain = function setMapTypeTerrain() {
document.map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
}
document.goToLocation = function goToLocation(searchString) {
document.geocoder.geocode( {'address': searchString}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
document.map.setCenter(results[0].geometry.location);
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
document.markerToLocation = function goToLocation(searchString) {
document.geocoder.geocode( {'address': searchString}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
var marker = new google.maps.Marker({
position: {lat: latitude ,lng: longitude},
map: document.map,
title: 'marker'
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>Problema: caricando l'api così (il programma finale caricherà in un'apposita finestra l'html) ci sono due bottoni creati dalle funzioni javascript della stessa, che si trovano in basso a sinistra e in basso a destra e sono cliccabili.
Abbiamo davvero bisogno di implementare una funzione javascript che li trovi e li rimuova, ma sembra non sia così semplice.
Ho fatto diverse prove:
- gli elementi non hanno un id, dunque non è semplice trovarli
- con un comando del tipo $("div").remove(":contains('Click on this area')"); che se ho ben capito dovrebbe eliminare il div che contiene al suo interno la stringa 'Click on this area' (il primo dei due pulsanti da togliere) sparisce tutto sulla pagina
- (non so se c'entra) eseguendo il comando getElementsByTag con parametro "div" mi restituisce un solo risultato, con parametro "img" zero risultati, dunque mi sembra di capire che mi restituisca solamente gli elementi facenti parte del sorgente nostro e non da quello generato automaticamente dall'api (se così si possono definire, non sono molto pratico di html e javascript)
Potete aiutarmi? con che comando posso effettivamente cercare quei due elementi e rimuoverli? (il primo non ha nemmeno del testo tra i tag)
