Пользовательская позиция для Street View кнопка "Закрыть" - PullRequest
2 голосов
/ 17 ноября 2011

Я могу включить / отключить кнопку «Закрыть» следующим образом: enableCloseButton: true AFAIK. Нет никаких вариантов позиционирования этого элемента управления, кроме как по умолчанию в верхнем правом углу.

Документы не дают подробных сведений оэта конкретная проблема: http://code.google.com/apis/maps/documentation/javascript/services.html#StreetViewControls

Является ли мой единственный вариант создания пользовательского элемента управления?Кажется странным.

Ответы [ 2 ]

0 голосов
/ 16 октября 2015

Вы можете попробовать следующее

CSS

.btn {
  margin-top: 2rem;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

HTML

<button id="closeStreetView" class="btn">Click me</button>

Javascript

var closeButton = document.querySelector('#closeStreetView'),
controlPosition = google.maps.ControlPosition[config.streetViewCloseButtonLocation];
var streetView = map.getStreetView();
    streetView.setOptions({ enableCloseButton: false });
    streetView.controls[ controlPosition ].push( closeButton );
    google.maps.event.addDomListener(closeButton, 'click', function(){
    streetView.setVisible(false);
0 голосов
/ 28 августа 2013

Вы можете сделать свою собственную кнопку и по клику звонить

map.getStreetView().setVisible(false);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...