Вставить код Google Map в HTML с маркером

У меня есть несколько мест с их широтой и долготой. Я хочу отобразить их на карте Google. Это нормально, что я не могу показать маркер в конкретной лате, длинной позиции.

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

<iframe width="425" height="350" frameborder="0" scrolling="no" 
        marginheight="0" marginwidth="0" 
        src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;
        output=embed"></iframe>
        <br />
        <small><a href="#" onclick="location.href='http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722
                  &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed'; return false;"
               style="color:#0000FF;text-align:left">View Larger Map
               </a>
        </small>

Ответ 1

Элемент, который вы разместили, выглядит так, как будто он скопирован с помощью встроенной функции Google Maps.

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

Проверьте следующее: https://developers.google.com/maps/documentation/javascript/overlays

В нем есть несколько примеров и примеров кода, которые можно легко повторно использовать и адаптировать в соответствии с вашими текущими проблемами.

Ответ 2

Я бы предложил этот путь, одну строку iframe. вообще не требуется javascript. В запросе? Q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

Ответ 3

Изучение библиотеки JavaScript Google - хороший вариант. Если вам не нравится вводить код, вы можете найти Maps Engine Lite полезным.

Это инструмент, недавно опубликованный Google, где вы можете создавать свои личные карты (создавать маркеры, рисовать геометрии и адаптировать цвета и стили).

Вот полезный учебник, который я нашел: Быстрый совет: внедрение новых карт Google

Ответ 4

нет необходимости использовать javascript или сторонние инструменты, используйте это:

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe>

параметр места предоставляет маркер

существует несколько параметров для формата параметра "q"

убедитесь, что в API-интерфейсах API Google Maps Embed API и API статических карт включен, или Google заблокирует запрос

для получения дополнительной информации проверьте здесь