Добавление пользовательских маркеров поверх результатов поиска карт Google

1646
user1052226

Я не уверен, что это подходит как правильный вопрос, но я постараюсь. Я искал по теме, но нашел только информацию для статического представления карты.

Я хотел бы отображать пользовательские маркеры на карте Google после поиска по определенному адресу.

Например, у меня мало адресов мест в конкретном городе. Теперь я хочу найти новый в Google Maps. В результате этого поиска (карта с булавкой, показывающей искомое место) я хочу отобразить и другие места.

Я просто хочу проверить, какое из моих уже известных мест находится рядом с новым поиском, просто посмотрев на результат на карте.

Я действительно хочу знать, возможно ли это как-то сделать. Может быть, намек на то, что я должен искать именно, чтобы прочитать в теме. Все, что я нашел до сих пор, кажется, не подходит для этого конкретного случая использования, который я хочу.

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

Это то, что я могу сделать с API карты от Google?

0
Вы создаете собственное приложение или пытаетесь добиться этого в браузере? Есть ли у вас код для обмена? kenorb 9 лет назад 0
Нет, я не создаю приложение. Я хочу иметь локальную страницу, которую я могу вызвать в браузере. Он должен предоставить встроенную страницу карт Google, где я смогу искать. Теперь, когда результат показан, я хотел бы иметь дополнительные маркеры на итоговой карте. Пока у меня нет кода, я просто исследую, можно ли это сделать, потому что мне пока не повезло найти примеры для этого типа использования. user1052226 9 лет назад 0

1 ответ на вопрос

0
kenorb

Вы ищете API Карт Google для JavaScript, где вы можете использовать соответствующий API.

Пожалуйста, следуйте приведенным примерам для получения дополнительной информации (например, Простые маркеры ).

Пример кода:

<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Simple markers</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 100%; } </style> </head> <body> <div id="map"></div> <script>  function initMap() { var myLatLng = ;  var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: myLatLng });  var marker = new google.maps.Marker({ position: myLatLng, map: map, title: 'Hello World!' }); }  </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=API_KEY&signed_in=true&callback=initMap"></script> </body> </html> 

Если вы хотите добавить его поверх результатов поиска, см. Пример размещения поиска .

Спасибо, этот пример поиска мест заставил меня пойти дальше. Просто добавил мои другие места в код, и они отображаются вдоль найденных результатов. На самом деле довольно просто вперед. Еще раз спасибо, что нашли время. user1052226 9 лет назад 1

Похожие вопросы