Ho una mappa di Google, in essa un rettangolo che è modificabile, mobile e ridimensionabile ecc. Quello che sto cercando è un modo per bloccare l'altezza indicata del rettangolo, quindi solo la larghezza può essere modificata.Google Maps Rettangolo modificabile: come bloccare (fisso) l'altezza dalla modifica
5
A
risposta
3
È possibile impedire al rettangolo di ridimensionare l'altezza con l'evento bounds_changed in JavaScript.
Ecco un jsfiddle di lavoro: http://jsfiddle.net/h7ee4368/
riferimento api Rettangolo: https://developers.google.com/maps/documentation/javascript/reference?hl=de#Rectangle
JavaScript src:
var rectangle;
var originalBounds;
var map;
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(44.5452, -78.5389),
zoom: 9
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var bounds = new google.maps.LatLngBounds(
new google.maps.LatLng(44.490, -78.649),
new google.maps.LatLng(44.599, -78.443)
);
originalBounds = bounds;
// Define the rectangle and set its editable property to true.
rectangle = new google.maps.Rectangle({
bounds: bounds,
editable: true,
draggable: true
});
rectangle.setMap(map);
// Add an event listener on the rectangle.
google.maps.event.addListener(rectangle, 'bounds_changed', boundsChangedCb);
}
var skipBoundsChangedCb = false;
function boundsChangedCb(event) {
if(skipBoundsChangedCb) return;
var ne = rectangle.getBounds().getNorthEast();
var sw = rectangle.getBounds().getSouthWest();
var origNe = originalBounds.getNorthEast();
var origSw = originalBounds.getSouthWest();
//avoid recursion
skipBoundsChangedCb = true;
rectangle.setBounds(new google.maps.LatLngBounds(
new google.maps.LatLng(ne.lat() - origNe.lat() + origSw.lat(), sw.lng()),
ne
));
skipBoundsChangedCb = false;
origNe = ne;
origSw = sw;
}
google.maps.event.addDomListener(window, 'load', initialize);
Problemi correlati
- 1. Rimuovi rettangolo da Google Maps
- 2. Selezione tracciato rettangolo/box in Google Maps
- 3. Come bloccare la fotocamera nell'API di Google Maps API V2
- 4. Google Maps distanza dalla costa del mare
- 5. Google Maps API vs Google Maps Engine?
- 6. Google Maps come sfondo
- 7. Algoritmo di Google Maps
- 8. Come bloccare i file .mdmp dalla creazione
- 9. Come bloccare le funzioni AJAX dalla sovrapposizione?
- 10. Modifica singoli marker in google maps indicazioni api V3
- 11. Modifica oggetto v2 mapOptions di Google Maps dopo il caricamento
- 12. Modifica la dimensione dell'indicatore nell'API di Google Maps v2
- 13. Google Maps V3 Polilinea Disegno/Modifica/Continua disegno
- 14. API di Google Maps directionsService.route diverso da Google Maps Indicazioni
- 15. Come aprire i collegamenti in Apple Maps o Google Maps?
- 16. Google Maps Risultati GEO
- 17. Elenco pigro non modificabile in Google Collections
- 18. Come disabilitare google maps trascinando
- 19. Android Google Maps ClassNotFoundException
- 20. DrawerLayout con Google Maps
- 21. Google Maps v3 l'impostazione di un cerchio di raggio modificabile ma non centrare
- 22. Bootstrap Twitter e Google Maps
- 23. Imposta i limiti di Google Maps con angular-google-maps
- 24. Google Maps for Dummies Absolute
- 25. Sovrapposizione Google Maps personalizzata?
- 26. API di Google Maps DeletedApiProjectMapError
- 27. Raggruppamento contrassegni Google Maps
- 28. Google maps e pdf
- 29. strato overlay google maps
- 30. Immagine di Google Maps?
@Gustav se questa risposta ha risolto la tua domanda perche non accettarla cliccando il controllo -marchio. – PSanetra