У меня есть карта Google, в ней есть прямоугольник, который можно редактировать, перемещать и изменять размер и т. Д. То, что я ищу, - это способ блокировки данной высоты прямоугольника, поэтому только ширина может быть изменена.Google Maps Rectangle редактируемый: как заблокировать (фиксированную) высоту от редактирования
5
A
ответ
3
Вы можете предотвратить изменение размера прямоугольника в высоте с помощью события bounds_changed в JavaScript.
Вот рабочая jsfiddle: http://jsfiddle.net/h7ee4368/
Прямоугольник ссылка апи: https://developers.google.com/maps/documentation/javascript/reference?hl=de#Rectangle
JavaScript ЦСИ:
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);
Смежные вопросы
- 1. Google Maps API rotate Rectangle
- 2. Как получить высоту от Google Maps
- 3. Google Maps Draw Rectangle Более 50 +% от мира
- 4. Google maps rectangle/polygon с заголовком
- 5. Google maps drag rectangle для выбора маркеров
- 6. Как заблокировать размещенный WorkflowDesigner от редактирования?
- 7. Как получить фиксированную высоту QHBoxLayout?
- 8. Сделать Google Maps заполнять высоту
- 9. Установите фиксированную высоту TD?
- 10. Временно заблокировать распознаватель жестов Google Maps
- 11. Получить высоту от точки без просмотра Google Maps
- 12. Установить фиксированную высоту строки GridView
- 13. jQuery Flexigrid устанавливает фиксированную высоту
- 14. Woocommerce Сделать миниатюрами фиксированную высоту
- 15. Обработчик событий для редактирования полилинии Google Maps?
- 16. Как сделать фиксированную высоту ячейки на uitableview?
- 17. бутстрап, как сделать фиксированную высоту отзывчивой?
- 18. Как указать фиксированную высоту для виджета SWT?
- 19. Как установить фиксированную ширину и высоту?
- 20. Как установить фиксированную высоту строки UIManager JTable?
- 21. Установите фиксированную высоту в Flot js
- 22. Как заблокировать перетаскиваемый маршрут с помощью Google Maps?
- 23. XSL-FO: установить фиксированную высоту блока
- 24. Как увеличить изображение 100% ширины страницы, чтобы сохранить фиксированную высоту
- 25. Как заблокировать высоту двух divs вместе?
- 26. Google Maps API directionsService.route отличается от Google Maps Directions
- 27. очистка kml от google maps
- 28. Маркер Google Maps от центра
- 29. CSS: имеет фиксированную высоту заголовок изображения
- 30. google maps MVCArray от JSON
@Gustav если этот ответ решил свой вопрос, пожалуйста, рассмотреть вопрос о принятии его, нажав на проверку -отметка. – PSanetra