2021-02-02 18:27:46
Как добавить стилизованные карты Google, OSM (Mapbox, Leaflet) в на свой веб-сайт или на Wordpress?
Заметка для тех, кто никогда не пробовал, но всегда хотел научиться. Впереди много ссылок, поехали!
О стилизации. Перед тем как встраивать карту, вы возможно захотите ее стилизовать. О том, как это сделать для Google карт я уже писала ранее. Если вы хотите использовать карты с данными OSM, то используйте Mapbox Studio, но если вам не нужен дизайн, то можно использовать Leaflet.
Как встроить карту? Вставьте API вашей карты в ваш код на HTML. Пример:
В Google Maps по API будет определяться также число взаимодействий с ней. Как это сделать читайте в документации Google Maps. При регистрации на Mapbox вам предлагается создать карту на любую платформу, и если вы выберете, к примеру, JS (веб-сайт), то увидите небольшой туториал о том, как встроить вашу карту, или можете прочитать документацию.
Добавление карт в Wordpress может показаться не совсем очевидным, как если бы вы собственноручно писали код для своего сайта. Тем не менее, если вывести за скобки Wordpress, которым пользуются не все, алгоритм действий по встраиванию карт остается тем же. В Wordpress существует плагин Mappress, который позволяет встраивать карты Google и Mapbox. Он еще не переведен на русский, но с этим можно помочь здесь. Документацию вы можете найти по этой ссылке или поискать туториалы по Mappress на ютубе, например этот.
#web #ресурсы
708 viewsedited 15:27