Как создать и настроить карты Google

Все мы знаем, что Google Maps - одно из самых мощных приложений в интернете для быстрой и удобной навигации по всему миру. Однако то, что многие из нас могут не знать, это то, что вы можете настроить Google Maps в терминах пользовательского интерфейса и других функций. И для этого не требуется знание jаvascript.

Snazzymaps - это инструмент, который призван облегчить настройку Google Map для каждого. Он имеет приятный и дружественный пользовательский интерфейс. Вы можете создать карту всего за пару выборов из выпадающего списка, и вам даже не нужно кодировать.

 

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

Обзор

Snazzymaps работает точно так же, как настройка Google Maps с использованием API стилей карты. Он предоставляет вам пользовательский интерфейс, который лучше, чем то, что вы можете сделать с обычным кодом jаvascript. Внутри инструмента все опции расположены в левой панели, оставляя оставшееся пространство для карты.

Опции слева используются для настройки внешнего вида карты: размер, местоположение, маркер, тип карты и тема карты. Все изменения автоматически предварительно просматриваются на карте.

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

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

 

С этим значком здания больницы от Map Icons вот как добавить маркер.

Чтобы начать:

Выберите опцию "Добавить ваш первый маркер" на левой панели.

Вам будет предложено добавить имя для маркера и местоположение. Здесь мы просто называем его "Больница". Для местоположения мы можем просто кликнуть в любом месте на карте, и она заполнит значение широты и долготы для вас.

Выберите "Пользовательский маркер" и загрузите значок.

И вот результат.

 

После завершения не забудьте сохранить карту. Здесь вам нужно будет назвать карту и добавить свой собственный ключ API Google Maps.

 

Внедрение карты

Итак, теперь, когда вы настроили карту, следующий шаг - разместить ее в Интернете. Чтобы получить код, прокрутите страницу вниз до конца, и вы увидите кнопку "Просмотреть код".

 

Вы получите HTML-тег iframe с URL для встраивания карты, скопируйте и вставьте весь код и поместите его в любое место вашего веб-сайта.

Заключительные мысли

Мы только что увидели, насколько легко создать и настроить карту с помощью Snazzymap. Вы можете настроить внешний вид, размер и несколько компонентов внутри него. Все это построено на основе API Google Maps.

Пожалуйста, расскажите нам о своем опыте в комментариях ниже.