Я использую API-интерфейс google map v3. Я хочу отключить действие click по умолчанию для google landmark/poi. Например, когда я увеличиваю масштаб до UCLA, появляется значок школы (это хорошо), но я не хочу, чтобы пользователь щелкал и просматривал детали этого местоположения. Какую функцию API я должен использовать?
Отключить clickable landmark на карте google
Ответ 1
Google раскрыл для этого вариант. См. clickableIcons
google.maps.MapOptions
в документах.
Пример кода инициализации:
map = new google.maps.Map(document.getElementById('map'), {
clickableIcons: false
});
Ответ 2
Я столкнулся с этой же проблемой. Google, похоже, недавно изменил свой api, чтобы сделать метки базовой карты "интерактивными", и еще нет простого вызова API для отключения их clickablility. http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/f1ac9ad4da3606fe
Я бы хотел, чтобы google добавила простой вариант карты, такой как, но, увы, он еще не существует
var opts = { clickableLabels:false };
var map = new maps.google.com.map(div,opts);
Следующее решение работает, но поскольку оно зависит от пользовательских стилизованных карт, бесплатные карты ограничены (2500 карт в день) - См. часто задаваемые вопросы по Картам Google.
function initialize() {
// For more details see
// http://code.google.com/apis/maps/documentation/javascript/styling.html
var noPOILabels = [
{
featureType: "poi",
elementType: "labels",
stylers: [ { visibility: "off" } ]
}
];
// Create a new StyledMapType object, passing it the array of styles,
// as well as the name to be displayed on the map type control.
var noPOIMapType = new google.maps.StyledMapType(noPOILabels,
{name: "NO POI"});
// Create a map object, and include the MapTypeId to add
// to the map type control.
var mapOptions = {
zoom: 11,
center: new google.maps.LatLng(55.6468, 37.581),
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'no_poi']
}
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
//Associate the styled map with the MapTypeId and set it to display.
map.mapTypes.set('no_poi', noPOIMapType);
map.setMapTypeId('no_poi');
}
Ответ 3
Эта проблема была зарегистрирована в google по адресу:
http://code.google.com/p/gmaps-api-issues/issues/detail?id=3866
Пожалуйста, смотрите и прокомментируйте свои потребности по этой проблеме.
Ответ 4
Я понимаю, что OP хочет решение, которое сохраняет метки/значки, но приостанавливает события кликов. Я не уверен, что это возможно; пожалуйста, показать эту проблему
Однако некоторые из нас рисуют фигуры без Менеджера рисования, а метки/значки препятствуют добавлению новых точек. Если он соответствует вашим требованиям, вы можете временно удалить значки/метки. Я обнаружил, что нужно перемещать транзит, пои и пейзаж:
var map = new google.maps.Map(document.getElementById("map"), {});
map.poi = function(state){
var styles = [
{
"featureType": "transit",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "poi",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "landscape",
"stylers": [
{ "visibility": "off" }
]
}
];
this.set("styles", (state)? {} : styles );
}
И использование:
//turn the labels/icons off
map.poi(false);
//turn them back on
map.poi(true);
Ответ 5
добавить эту опцию в mapOption clickableIcons: false
Это больше вариантов, я думаю, вы будете
draggable: true, // this is for disable the Draggable
disableDefaultUI: true, // this for disable Default UI
fullscreenControl: false, // this is for disable Full Screen
scrollwheel: true, // this is for disable Scroll Wheel
disableDoubleClickZoom: false, // this is for disable Double Click Zoom
draggableCursor:'crosshair',// this is for cursor type
draggingCursor:'move', // this is for dragging cursor type
minZoom: 3, // this is for min zoom for map
maxZoom: 18 , // this is for max zoom for map
//note : max, min zoom it so important for my design.
zoom: 14, // this is to make default zoom
clickableIcons: false, // this is to disable all labels icons except your custom infowindow or Infobox.
Ответ 6
Я понимаю, что этот вопрос старый, но, возможно, этот ответ поможет другим:
Я не уверен, что это законно, но я закончил изучение кода и сделал следующее:
$("#google-map").on("mousedown",function(){
setTimeout(function(){
disableInfoWindows();
},500);
});
function disableInfoWindows()
{
$(".gm-iw.gm-sm").parent().parent().remove();
$("[style='position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;']")
.parent()
.parent()
.remove();
}
Это сработало для меня, пока нет инфо-окна, сохраняя все значки. Любой, у кого есть идея, улучшающая код, приветствуется, инфо-окно появляется чуть-чуть в первый раз, когда он собирается открыть, после этого первого он полностью исчез.