Могу ли я просматривать карту Google Maps, ограничивая координаты широты и долготы


11

С Google Maps я могу ввести одну координату широты / долготы, и карта рисуется с этой широтой / долготой в центре.

То, что я хотел бы сделать, это ввести две пары координат, скажем, юго-западную координату и северо-восточную координату, и отобразить карту Google с соответствующим увеличением, чтобы карта заполнила границы, определенные этими координатами.

Это возможно? Если так, то как?

благодаря

И ответ ... Перейти на Google Maps Code Playground!

По предложению Тейлора я пошел на площадку с кодами Google Maps и ввел следующий код, и мне удалось получить центрированную карту с соответствующим уровнем масштабирования, ограниченным парой координат.

function initialize() {
  var mapDiv = document.getElementById('map-canvas');
  var map = new google.maps.Map(mapDiv, {
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var southWest = new google.maps.LatLng(..., ...);
  var northEast = new google.maps.LatLng(..., ...);
  var bounds = new google.maps.LatLngBounds(southWest,northEast);
  map.fitBounds(bounds);
}



1
Google Maps Code Playground больше не существует, но вы можете сделать то же самое, перейдя на одну из страниц примеров API Google (например, « Простая карта» ), нажав кнопку JSFiddle в правом верхнем углу поля кода и вставив туда код.
Хит

Ответы:


12

Функция, которую вы ищете, называется fitBounds. Функция fitBounds принимает LatLngBounds в качестве параметра. Вы можете прочитать больше об этом здесь.

Пример кода:

var southWest = new google.maps.LatLng(36.90731625763393,-86.51778523864743);
var northEast = new google.maps.LatLng(37.02763411292923,-86.37183015289304);
var bounds = new google.maps.LatLngBounds(southWest,northEast);
myMap.fitBounds(bounds);

Тейлор: Возможно ли это сделать на веб-сайте maps.google.com без использования их API?
Скотт Митчелл

Нет, не то, что я знаю. Каков ваш вариант использования для этого?
Тейлор Х.

У меня есть множество пар координат (около 10), и я хочу напечатать карту для каждой пары координат. Раньше я использовал API Карт Google, чтобы набрать код, но надеялся, что смогу просто зайти на сайт maps.google.com, ввести свой первый набор координат, нажать «Печать», ввести второй набор и т. Д.
Скотт Митчелл

2
Попробуйте поиграть с разделом Google Code Playground Maps . Вы можете редактировать JavaScript и HTML и запустить его прямо там. Если ничего другого, это поможет вам настроить ваш код.
Тейлор Х.

Тейлор, раздел Google Code Playground Maps был идеальным и соответствовал моим потребностям. Спасибо за ваше время и помощь по этому вопросу.
Скотт Митчелл

0

Еще проще встроить ссылку в элемент Iframe на веб-странице. Перейдите по ссылке на нужный вам живой масштаб, обрамляя интересующую вас область. Вы можете попробовать его на сайтах Google с бесплатным веб-сайтом, а затем вырезать и вставить код в свое приложение.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.