Подтвердить что ты не робот

Как удалить масштаб, ландшафт и навигацию пользователя с карты Google?

Я использую JS API для отображения моей карты. Вот код:

<script type="text/javascript">
  function initialize() {
        var _lat = 10;
        var _long = 200;
        var myLatlng = new google.maps.LatLng(_lat, _long);
    var myOptions = {
      center: myLatlng,
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

        var image = 'target.png';
        var beachMarker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            icon: image
        });

        beachMarker.setMap(map);
  }
</script>

Теперь я хочу удалить несколько вещей с карты.

  • Удалите элементы управления масштабированием + пользователь не сможет масштабировать, используя мышь или что-то еще
  • Пользователь не должен передвигаться по карте с помощью мыши. Это должен оставаться как статическое изображение
  • Удалите параметр MAP | SATELLITE с карты.

Как мне это достичь.

enter image description here

4b9b3361

ОТВЕТЫ

Ответ 1

scrollwheel: false,

Эта опция используется для отключения масштабирования мыши.

scaleControl: false,

Эта опция используется для отключения масштабирования по шкале.

draggable: false,

Эта опция используется для отключения перетаскивания.

mapTypeControl: false,

Эта опция скроет тип карты.

Поместите их следующим образом:

var myOptions = {
   center: myLatlng,
   zoom: 15,
   mapTypeControl: false,
   draggable: false,
   scaleControl: false,
   scrollwheel: false,
   navigationControl: false,
   streetViewControl: false,
   mapTypeId: google.maps.MapTypeId.ROADMAP
};

Ответ 2

Используйте "отключить пользовательский интерфейс по умолчанию" Пример:

var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-33, 151),
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);`