Городской портал города Оленегорск


Как добавить маркер на карту Google

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

  1. Начните со следующей основной карты Google. Обязательно замените YOUR_API_KEY в теге сценария на ваш ключ API, полученный вами https://developers.google.com/maps ,
  2. <! DOCTYPE html> <html lang = "en"> <head> <meta charset = "UTF-8"> <title> Базовая карта </ title> <style> #map {height: 100%; } / * Необязательно: заставляет образец страницы заполнить окно. * / html, body {height: 100%; поле: 0; отступы: 0; } </ style> <script> function initMap () {var mapOptions = {zoom: 8, center: new google.maps.LatLng (37.5, -122), mapTypeId: 'roadmap'}; var map = new google.maps.Map (document.getElementById ('map'), mapOptions); } </ script> </ head> <body> <div id = "map"> </ div> <script async defer src = "https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback = initMap "> </ script> </ body> </ html>

    В этом руководстве я буду использовать маркер, чтобы указать местоположение моста Золотые Ворота на карте.

  3. Внутри функции initMap () создайте объект, который будет содержать широту и долготу моста Золотые Ворота.
  4. <script> function initMap () {var mapOptions = {zoom: 8, center: new google.maps.LatLng (37.5, -122), mapTypeId: 'roadmap'}; var map = new google.maps.Map (document.getElementById ('map'), mapOptions); var goldenGate = {lat: 37.8199, lng: -122.4783}; } </ script>
  5. Создать маркерный объект.
  6. <script> function initMap () {var mapOptions = {zoom: 8, center: new google.maps.LatLng (37.5, -122), mapTypeId: 'roadmap'}; var map = new google.maps.Map (document.getElementById ('map'), mapOptions); var goldenGatePosition = {lat: 37.8199, lng: -122.4783}; var marker = new google.maps.Marker (); } </ script>
  7. Передайте объект параметров в функцию конструктора Marker, указав положение маркера, карту, на которой нужно разместить маркер, и метку для маркера.
  8. <script> function initMap () {var mapOptions = {zoom: 8, center: new google.maps.LatLng (37.5, -122), mapTypeId: 'roadmap'}; var map = new google.maps.Map (document.getElementById ('map'), mapOptions); var goldenGatePosition = {lat: 37.8199, lng: -122.4783}; var marker = new google.maps.Marker ({ position: goldenGatePosition, map: map, title: 'Мост Золотые Ворота' }); } </ script>
  9. Откройте свою веб-страницу в браузере, чтобы увидеть результаты. Наведите указатель мыши на маркер, чтобы увидеть метку маркера.
    В Google Maps маркеры накладываются на карту и отображают значок, обозначающий местоположение
  10. Вы можете найти подробную документацию для маркеров на developers.google.com/maps/documentation/javascript/markers ,

Автор: Крис Минник

Крис является плодовитым автором и тренером, а также генеральным директором WatzThis ?. Его опубликованные книги включают «Написание компьютерного кода», «JavaScript для детей», «Кодирование с помощью JavaScript для чайников», «Начало HTML5 и CSS3 для чайников», «Веб-набор для чайников», «Библия по сертификации электронной коммерции CIW» и XHTML «New Riders».

О Webucator

Webucator проводит обучение под руководством инструктора для студентов по всей территории США и Канады. Мы обучили более 90 000 студентов из более чем 16 000 организаций таким технологиям, как Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular и многим другим. Проверьте наш полный каталог курсов ,

Com/maps/api/js?

Новости

Рыбалка в Териберке
На марте туда пожалуй под закрытие дороги, становилось снять номер в мотельчике на Очередном шоссе. Галопом вылетели из строя, успели как раз к слову движения колонны. С уловкой в общем било, один-единственный

Футболка рыбалка
Главная   /  Мой блог ← Футболки логотипом armin van buuren   |  В начало  |  Футболка the pirate bay → Качественные футболка рыбалка |

Клевое место рыбалка
Мы предлагаем рыбалку и отдых в уникальном месте Москвы, национальном парке "Лосиный остров"! Нижний пруд Очищенная береговая территория идеально подходит для ловли на удочку, штекер и удобного

Светлые горы рыбалка
«Светлые горы» в Подмосковье - одно из мест, где москвичи, да и гости, могут провести время в свое удовольствие и одновременно с пользой. База расположена неподалеку от столицы. Не нужно далеко

Рыбалка на пахре
По моим наблюдениям, как двадцать лет назад, так и сейчас Пахра вполне способна одарить рыболова хорошим уловом плотвы и подлещика, а если особо повезет, то и знаменитым пахринским карасем, который тянет

Рыбалка в савельево
Ленинградское шоссе проходит по живописным местам. К ним относятся водные просторы в Карелии, живописные заводи в Завидово. Однако поехать туда, чтобы порыбачить, может не каждый. Это связано со значительной

Рыбалка на селигере
На озере Селигер рыбачить будет интересно всем, кто не любит халявы. То есть любящих платные пруды просим пройти мимо. Так как здесь ловля рыбы зависит от времени года, погоды, времени суток, умения ловить

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

Русская рыбалка 3
Игра русская рыбалка 3 - это последняя официальная версия игры, в которой есть одиночный режим. За эту игру не надо платить никаких денег – она абсолютно бесплатна, просто скачиваете ее себе на компьютер

Триал русская рыбалка
триал русская рыбалка Уважаемые рыбаки и гости, фото отчёт за 31.08.2017 года, было произведено зарыбление водоема карпом, общим весом 700 кг, навеска 0.7-1 кг. Всем успехов.

                                                                                                                                               ОЛЕНЕГОРСК 2010 - 2014                                                                                                 

создание сайта - Старт Икс