Как сделать карту google серой

Добавил пользователь Дмитрий К.
Обновлено: 10.09.2024

Некоторые элементы карты не могут быть вставлены на сайт. Откройте предпросмотр и проверьте вид вашей будущей карты.

Бэкап локаций

Импорт локаций на сайт

Если вы ранее делали бэкап локаций, то расположенная ниже форма позволит сделать импорт (локации из бекапа загрузить на сайт). Импортированные локации будут добавлены к уже сохраненным
Вставьте сохраненный ранее бэкап в текстовом виде сюда:

Google Maps - это лидер среди современных картографических сервисов, предоставляющих спутниковые интерактивные карты онлайн. По крайней мере лидер в области спутниковых снимков и по количеству разнообразных дополнительных сервисов и инструментов (Google Earth, Google Mars, разнообразные погодные и транспортные сервисы, одно из самых мощных API).

Однако несмотря на это, популярность Карт Google остается пожалуй одной из самых высоких из всех других картографических сервисов. Отчасти причина в том, что именно в Google Maps мы можем найти самые детализированные спутниковые фотографии для самых обширных регионов любых стран. Даже в России такая крупная и успешная компания как Яндекс не может переплюнуть качество и покрытие спутниковых фотографий хотя-бы в своей стране.

С картами Google любой желающий может бесплатно посмотреть спутниковые фотографии Земли практически в любой точке мира.

Качество снимков

Снимки самого высокого разрешения как правило доступны для крупнейших городов мира в Америке, Европе, России, Украине, Беларуси, Азии, Океании. В настоящее время высококачественные снимки доступны для городов с населением более 1 млн. жителей. Для менее крупных городов и других населенных пунктов спутниковые изображения доступны лишь в ограниченном разрешении.

Возможности

Карты Google позволяют увидеть со спутника одновременно те вещи и объекты, которые при наблюдении с земли наблюдать одновременно невозможно. Спутниковые карты отличаются от обычных тем, что на простых картах цвета и естевственные формы природных объектов искажены редакционной переработкой для дальнейшей публикации. Однако в спутниковых фотографиях сохранена вся натуральность природы и объектов съемки, натуральные цвета, формы озер, рек, полей и лесов.

Глядя на карту можно только гадать что там: лес, поле или болото, в то время как на спутниковой фотографии сразу понятно: объекты как правило круглой или овальной формы уникального болотного цвета и есть - болота. Светло-зеленые пятна или области на фотографии - поля, а темно-зеленые - леса. При достаточном опыте ориентации в Google Maps - можно даже различать хвойный это лес или смешанный: хвойный имеет более коричневый оттенок. Так-же на карте можно различить специфические ломаные линии, пронзающие леса и поля необъятных российских просторов - это железные дороги. Только глядя со спутника можно понять что железные дороги намного больше автомобильных дорог влияют на окружающий их природный ландшафт. Так-же в Картах Google существует возможность наложить на спутниковое изображение местности или города карты с названием областей, дорог, населенных пунктов в масштабах страны и названием улиц, номеров домов, станций метро в масштабе города.

Режим карты и режим спутникового вида

Кроме спутниковых изображений существует возможность переключиться в режим "карта", в котором возможно просматривать любую территорию на поверхности Земли плп подробно изучать планировку и расположение домов любого более-менее крупного города. В режиме "карта" особенно удобно планировать перемещения по городу если вы уже вдоволь насмотрелись спутниковых видов своего города.

Функция поиска по номеру дома с легкостью укажет вам на нужный дом дав возможность "оглядеть" территорию вокруг этого дома и как к нему можно подъехать/подойти. Для поиска необходимого объекта достаточно набрать по-русски в строке поиска запрос вида: "Город, улица, номер дома" и сайт отобразит вам специальным маркером местоположение искомого вами объекта.

Как пользоваться Google Maps

Как пользоваться Google Maps - помощь

Для начала Откройте какое-нибудь место.

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

Чтобы увеличить карту - нажмите на кнопку "+" или покрутите ролик мыши когда курсор находится над картой. Увеличить карту можно так-же и двойным щелчком мыши в интересующем вас месте.

Для переключения между спутниковым, смешанным (гибридным) видом и картой используйте соответствующие кнопки в правом верхнем углу карты: Карта / Спутник / Гибрид.

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

Я тестирую этот триггер события:

Но опять не работает! Это код инициализации для карты Google:

На этой странице моя другая карта Google также работает.

2 ответа

Эта точка var myLatlng = new google.maps.LatLng(90, 90); находится на Северном полюсе. Плитка там серая.

Если я изменю параметры карты на более разумное место (в США, где есть не серые плитки):

Фрагмент рабочего кода:

Обычно серая карта вызвана неправильным API Карт Google или устаревшими вызовами функций.

Однако это также может быть API-ключ. Убедитесь, что у вас есть действующий.

Сервис "Карты Google", а также картографическая программа "Google Планета Земля", вне всякого сомнения, являются одним из наиболее востребованных продуктов интернет-гиганта. Кто из нас не искал свою улицу и свой дом на аэроснимках, кто не пробовал летать с помощью встроенного в программу авиасимулятора? Ежедневно сотни тысяч людей во всем мире бороздят просторы виртуальной планеты и пользуются картографическим сервисом. Время от времени они делают замечательные открытия, находя необычное применение стандартным функциям или обнаруживая на аэроснимках нечто загадочное или просто забавное.

Название программы "Google Планета Земля" уже давно не соответствует ее возможностям, так как с ее помощью можно также совершать путешествия по Луне и по Марсу. Для этого достаточно переключиться в другой режим, используя соответствующую кнопку на панели инструментов программы.

В пятой версии Google Earth у пользователей появилась не совсем обычная возможность – всем желающим было предложено пообщаться с марсианином в чате. Для этого достаточно, переключившись в режим "Марс", ввести в окне поиска запрос Meliza. Программа обнаружит робота, притаившегося на поверхности красной планеты. Щелкните по нему, и появится окно чата. Вы увидите предупреждение о том, что робот использует учетную запись на другой планете, поэтому в процессе перевода могут возникать ошибки.


Одна из самых популярных возможностей сервиса "Карты Google" – прокладка маршрутов. Действительно, очень удобно, собравшись в магазин, в котором вы раньше никогда не были, или отправляясь в другой город, посмотреть, как туда лучше добраться.

Но возможность прокладки маршрутов работает и для очень далеких путешествий. Например, если вы решите проехаться на автомобиле из Токио в Пекин, "Карты Google" подробно расскажут, куда нужно следовать. У сервиса есть и совет относительно преодоления океана, который обязательно возникнет на вашем пути. Google предлагает пересечь 782 километра океана… на водном мотоцикле.



Интересно, что раньше при прокладке маршрута из Северной Америки в Европу "Карты Google" предлагали преодолеть океан вплавь. В нынешней же версии сервиса вычисление маршрутов между столь удаленными друг от друга точками не работает.

У "Карт Google" есть множество разных функций, одной из которых является прокладка собственных маршрутов. Двадцативосьмилетний фотограф Дерек Монтгомери (Derek Montgomery) использовал ее для загрузки маршрутов своих ежедневных пробежек. И вот однажды, просматривая проделанный путь на Google Maps, Дерек обнаружил, что он чем-то напоминает букву. А поскольку в этот момент он раздумывал над тем, как сделать предложение своей любимой, родилась интересная идея: пробежать путь, который после загрузки на карту будет выглядеть как буквы MARRY ME? (Выйдешь за меня?).

Для осуществления задуманного Дереку понадобилось несколько попыток. Во-первых, необходимо было найти подходящее место без деревьев, где ничто не мешало бы выписывать нужные зигзаги. Кстати, и в этом помогли "Карты Google" – Дерек просмотрел снимки местности недалеко своего дома и нашел два футбольных поля, расположенных рядом друг с другом.


Во-вторых, Дерек был вынужден нарисовать план пробежки, ведь чтобы его маршрут превратился в читаемые буквы, требовалось бежать по строго определенной траектории. Но даже с планом получилось не сразу – в данных, загруженных с GPS-часов на карты Google, буквы не читались. Когда же после очередной тренировки загруженный маршрут наконец удовлетворил молодого человека, он не терял времени. В тот же вечер Дерек попросил девушку посмотреть план его сегодняшней пробежки, сообщив ей, что с GPS-данными произошло нечто странное. 1,68 километра любви и 1250 сожженных во время пробежки калорий сделали своей дело – девушка ответила "Да".

Любовная тема на "Google Планета Земля" практически неисчерпаема. Как оказалось, на Земле десятки объектов, которые при взгляде сверху имеют форму сердца. Некоторые из них являются плодом деятельности человека, но гораздо более интересны те, которые созданы природой.

Так, например, в 2009 году стал широко известен остров Галесняк в Хорватии. Его владелец Владо Джуреско был немало удивлен, когда в преддверии дня Святого Валентина к нему обратилось множество пар с просьбой остановиться на острове. Остров необитаем, и мало кто проявлял к нему интерес до того, как благодаря Google Earth обнаружилось, что он имеет форму сердца. А поскольку Хорватия является туристической страной, наличие острова влюбленных оказалось весьма кстати. Полюбоваться островом можно, введя в строке поиска "Google Планета Земля" координаты 43°58'42.70"N, 15°23'0.14"E.


Любимую можно также свозить в немецкий город Брауншвейг, где на территории Бюргерпарка есть небольшой пруд, который как и остров Галесняк, имеет форму сердца. Быстро перенестись к этому месту можно, введя координаты 52°15'27.48"N, 10°31'17.62"E.


А самый большой поцелуй в мире можно послать из Судана. Именно там находится интересная находка, которую окрестили губами Земли. Невзрачный холм длиной примерно 800 метров при взгляде сверху действительно напоминает огромные губы. Координаты находки - 12°22'13.32"N, 23°19'20.18"E.


Одно из самых замечательных открытий на картах Google сделала пятидесятитрехлетняя жительница Канады Линн Хикокс (Lynn Hickox). При помощи программы "Google Планета Земля" она пыталась обнаружить дорогу к музею динозавров, расположенному недалеко от ее дома, но вместо этого увидела огромную голову индейца, которую позже окрестили как Badlands Guardian (Стражник бесплодных земель). Рельеф размером примерно 255 на 225 метров расположен в провинции Альберта, недалеко от границы с США. Само "лицо" природного происхождения, а вот над созданием "наушников" поработали люди – на самом деле это нефтяная скважина и дорога к ней.


Туристического потенциала у этого места, в отличие от хорватского острова, нет – смотреть с Земли там особо не на что, да и территория является закрытой. Однако благодаря аэроснимкам Google, Стражник бесплодных земель и место, где он находится, обрел поистине мировую славу.

Интересно, что фермеры, арендующие землю, на которой нашли индейца, узнали о шумихе, поднявшейся в Интернете по поводу этого участка, совершенно случайно. Когда подошел срок продевания аренды земли на следующие десять лет, они поехали в ближайший город, где им и рассказали о Badlands Guardian.

Чтобы увидеть индейца в наушниках, введите координаты 50.010083,-110.113006.

Четыре гектара земли не пожалел фермер из Аризоны на то, чтобы создать гигантский портрет знаменитой телеведущей Офры Уинфри. Увидеть его можно, если в строке поиска "Google Планета Земля" ввести координаты 33.225488,-111.5955.


Интересно, что рядом, на соседнем поле, есть еще один менее известный рисунок. Гигантская надпись на поле очень напоминает News 3D – интересно, не читает ли фермер по утрам наш сайт?


В мае 2008 года энтузиасты Google Earth, прочесывающие карты России, обнаружили между сибирскими поселками Труд, Знание и Звериноголовск гигантскую надпись "Ленину 100 лет". Надпись образована с помощью деревьев, вырубленных (а возможно, и посаженных) особым образом. Благодаря характеру надписи, несложно определить время ее создания – 1970 год. Могли ли подумать сибиряки, выполняющее такое грандиозное задание, что спустя сорок лет результаты их труда сможет увидеть любой желающий, просто введя в "Google Планета Земля" координаты 54.468142,64.79923?


Удивительная находка стала лишь началом. Оказалось, что на территории России достаточно много подобных символов прошлого. Например, такая же надпись, вырубленная из деревьев, была обнаружена вблизи села Архангельское (координаты +54.419444,+56.780278), а на берегу реки Тура есть огромные буквы "Слава КПСС" (координаты 58.346111+59.803611).


Наблюдательные пользователи "Google Планета Земля" также нашли несколько надписей, созданных к пятидесятой (координаты +57.091111+40.854444) и шестидесятой (координаты 54.623889+65.019444) годовщинам СССР (1967 и 1977 годы, соответственно).



А вот время создания гигантского слова "Ленин" вблизи белорусской деревни Лясковичи (координаты +52.158333+25.562222), к сожалению, неизвестно – никаких дат, которые могли бы подсказать, когда это произошло, в надписи нет.


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

Впрочем, если не получается обнаружить ничего примечательного, можно пойти другим путем – собственноручно создать объект, который сможет попасть на карты Google и станет доступным для просмотра всему миру. Так, например, в сентябре 2008 года жители Челябинска составили на главной площади города гигантский смайлик радиусом около восьмидесяти метров. Правда, несмотря на то, что спутник Google снимал яркий символ, который составляло несколько тысяч человек, на картах он до сих пор не появился.


Больше повезло энтузиастам из Национального университета Орегона, которые отпраздновали выход второй версии Firefox созданием огромного логотипа программы на поле. Логотип шириной около 67 метров сейчас можно наблюдать на картах Google. Для этого достаточно ввести координаты 45.123464,-123.11431.


Потенциал карт Google неисчерпаем. Например, они могут быть источником вдохновения для людей творческих профессий. Австралийский дизайнер Ретт Дешвуд (Rhett Dashwood) собрал из аэроснимков первый английский алфавит. На то, чтобы обнаружить на "Google Планета Земля" все буквы, дизайнеру потребовалось около полугода. Интересно, что область поисков была ограничена австралийским штатом Виктория. Ссылки на все места, которые попали в алфавит, можно найти на сайте Ретта.


Двадцатипятилетняя британка Рейчел Янг (Rachel Young) попала в автокатастрофу и вынуждена была соблюдать постельный режим. Прочитав об алфавите австралийского дизайнера, она решила составить свой, используя карты Великобритании. На поиск подходящих мест на картах ей понадобилось гораздо меньше времени, чем австралийцу – всего лишь 15 часов. Интересно, что по признанию британки, за это время она обнаружила около ста вариантов буквы B, а вот буквы K, N и Q никак не хотели находиться.


Но и на этом история с алфавитом не закончилась. После того, как Рейчел показала свой алфавит агентству новостей, в котором она работает, ее попросили поискать буквы на карте Нью-Йорка. Несмотря на то, что британка никогда не была в этом городе, всего лишь за пять дней она справилась с заданием и составила еще один английский алфавит, на этот раз – из аэроснимков Нью-Йорка.


Еще дальше пошел голландский дизайнер Томас де Брюн (Thomas de Bruin). Исследуя карту Нидерландов, он нашел на ней все заглавные и строчные буквы алфавита. Кроме этого, он дополнил свой алфавит цифрами от одного до десяти и знаками препинания.

Увидеть результаты работы Томаса можно на его страничке на Flickr.


В строке поиска "Google Планета Земля" можно вводить не только координаты географических объектов или их названия. Если попробовать найти секретный военный объект, известный под кодовым названием "Зона-51" (Area 51), программа "выдаст военную тайну" и покажет легендарную американскую базу в штате Невада.


Многие искренне полагают, что именно в этом месте находятся секреты, которые американское правительство тщательно скрывает от мирных жителей – то НЛО там заметят, то поползут слухи, что высадку космонавтов на Луне на самом деле снимали на этой базе.

Со времен Колумба и Беринга прошли сотни лет. На карте Земли уже не осталось белых пятен, и практически невозможно найти место, где бы не ступала нога человека. Тем не менее, географические открытия все еще продолжаются. Делать их сейчас намного проще, ведь сегодняшним Магелланам и Беллинсгаузенам не нужно снаряжать тюки и отправляться в опасные экспедиции на кораблях и санях. Благодаря "Google Планета Земля", исследовать нашу планету можно не выходя из дома.

Как установить плагин Map Maker для создания карт в Figma

Карты в фигме. Установка плагина Map Maker

Как вставить карту в фигме от Google Maps

Активация плагина для создания карт в фигме

Чтобы вставить карту в фигме, создайте фигуру стандартными инструментами Figma. Например прямоугольник или круг. Выделите фигуру.

Активация плагина для создания карт в фигме

Настройки плагина map maker в figma

Выбор типа отображения карты

  • Roadmap — дорожная карта.
  • Satellite — карта в виде фото со спутника.
  • Hybrid — гибридная карта.
  • Terrain — карта местности.


Выбор режима отображения карт в фигме

Если выбрать Satellite, то отображение будет в виде фото со спутника.

Изменение режима отображения карты в фигме

Вариант карты в фигме. Плагин map maker

Как изменить масштаб отображаемой карты в Figma

Выбор другой карты в плагине map maker

Как поставить метку на карте в Figma

Настройки карты в фигме. Плагин map maker

Вторая вкладка в плагине map maker

Карты в фигме. Плагин map maker.

Темная карта в figma

Обзор плагина map maker

Изменение параметров в плагине для создания карт

Карта в виде спутника в фигме

Параметры плагина map maker в figma

Заключение

К тому же сейчас у них идет переход на новый вид карт, где многое стало более понятным и удобным, а также появилась возможность использовать возможности Google Планета Земля (когда-то это было отдельное приложение для компьютера) без установки дополнительных плагинов в браузер.

Гугл Мапс

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

Возможности Гугл карт и как подключить новый интерфейс

Сам по себе сервис Гугл карт появился в 2005 году. Практически в то же время компания приобрела программу с похожим функционалом, которая чуть позже получила название Google Earth. От онлайн версии ее отличала возможность отображать ландшафт местности и здания некоторых городов в 3D.

Для отрисовки подобной графики требовалось использовать дополнительные аппаратные возможности компьютера. В последствии появилась возможность получать тот же самый эффект и в онлайн версии карт, но для этого требовалось установить плагин для браузера. В новой версии Maps данная возможность интегрирована в онлайн версию по умолчанию и активируется автоматически, если ваш компьютер соответствует минимальным требования по производительности и установлен приемлемый браузер. Но обо всем по порядку.

Точно так же как и в Яндексе, вы сможете добавить свою организацию на Гугл карту и построить оптимальный маршрут проезда (на машине, общественном транспорте, самолете, пешком или на велосипеде). Не во всех местах нашей необъятной планеты можно будет использовать все эти способы, но тем не менее.

Как добраться - поиск в гугл мапс

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

Интерфейс Гугл Карт

Как добавить свою компанию на Google Maps

maps.google.ru

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

Сделайте свою компанию заметнее в Гугле

Добавление организации в гугл какрты

После чего вам будет предложено заполнить форму, т.е. ввести данные о вашей организации и добавить их в базу Гугл Карт, чтобы эта информация показывалась пользователям, в какой-то мере заинтересованных в получении данной информации. В общем, лишним сие действо не будет.

Google Maps

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

Если новые Гугл карты будущего вам придутся не по вкусу, то вернуться к классическому и привычному интерфейсу вы сможете, нажав на знак вопроса расположенный в правом нижнем углу и выбрав самый нижний пункт:

Классический интерфейс карт

3D объекты Google Earth на онлайн картах Гугла

Как открыть Гугл Ирс

После того как вы это сделаете, панель инструментов несколько поменяет свое назначение и будет выглядеть примерно так (появится компас и возможность изменения угла наклона, под которым можно будет просматривать карту):

3d Google Earth

Можно будет смотреть на спутниковые снимки не только сверху, но и сбоку, дискретно изменяя угол наклона. Ну, что я вам рассказываю — с Гугл Планета Земля вы и сами наверняка игрались и понимаете что к чему:

3D объекты на Гугл Мапс

По умолчанию на вашем компьютере может быть включен так называемый упрощенный режим, когда трехмерная модель Земли и другие 3D-объекты недоступны. Также возможна обратная ситуация, когда новый режим с поддержкой Google Earth слишком медленно будет работать на вашем железе и вам захочется перейти в упрощенный.

Нет проблем, достаточно воспользоваться ссылочками:

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

Ну и, собственно, получите в итоге функционал Гугл Планета Земля в своем браузере.

3д модели городов мира

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

Пробки, просмотр улиц и прокладка маршрутов в Google картах

В Гугл Картах, кстати, так же имеется возможность показывать дорожную обстановку, т.е. пробки. На классической онлайн версии слой с пробками можно подключить в правом верхнем углу:

Пробки в Гугл Картах

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

Слои с фотками на картах

На новых Google Maps слой с пробками активируется в области под поисковой строкой:

Его легенда (цветовая дифференциация) будет приведена внизу окна, выпадающего из поисковой строки. Там же можно будет посмотреть прогноз дорожной ситуации на Гугл картах на нужный вам день и час:

Прогноз дорожной ситуации на Гугл картах

Функция прокладки маршрута в классическом интерфейсе доступна из правой колонки после нажатия соответствующей кнопки:

Прокладка маршрута

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

Как добраться на машине, транспорте или пешком

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

Как получить Гугл карту для своего сайта

Чуть ранее мы рассмотрели как вставить Яндекс карту на сайт. Там для решения этой задачи существовал специальный конструктор, который помогал создать простейшую схему проезда до вашего офиса или что-то подобное. Более сложные задачи надо было уже решать при помощи программиста и Api Яндекс карт.

C Google Maps ситуация примерно такая же — для того, чтобы вставить схему проезда на свой сайт, особого ума не надо, а вот более сложные сможет сделать только специалист, либо вам в этом поможет расширение (плагин) для используемого вами движка (CMS).

Получение кода индивидуальной карты в Гугле для размещение ее на сайте

Получится примерно так (схема кликабельна — реагирует на ваши пасы мышь и кнопки на клавиатуре):

Google Maps Engine Lite

Как создать карту в классическом интерфейсе и добавить ее на сайт

Создать карту

Как создать карту и добавить ее на сайт

Можно поставить метки разных мастей:

Добавление меток на карту

Как будет выглядеть карта

Настройка и предварительный просмотр карты

В открывшемся окне вы сможете задать ширину и высоту схемы, а с помощью мыши или расположенных в области предварительного просмотра кнопок сможете отпозиционировать добавленные вами объекты (изменяя масштаб карты и перемещая ее), а еще можно будет кликнуть по метке, чтобы отображались заданное вами название и описание во всплывающем окне.

Собственно все, копируете код и вставляете его на сайт (тег iframe обычно не режется визуальными редакторами и проблем со вставкой не должно возникнуть). Более подробно вопрос вставки отражен в упомянутой вначале статье про Яндекс карты. В результате должно получиться примерно так:

Вторую часть кода:

Я удалил за ненадобностью лишней ссылки. Ну, где-то так. Если данных возможностей вам мало, то милости просим в Google Maps API для разработчиков. Навыки программирования на джаваскрипте обязательны.

Хотя можно будет еще попробовать поискать плагины для своего движка (WordPress, Joomla), которые могут предложить вам свой конструктор карт основанный на упомянутом API. В результате можно получить что-то оригинальное и потом вставить полученную карту на сайт уже не составит вообще никакого труда — плагин это сделает за вас. Если что-то есть на примете, то буду рад добавить вашу информацию в статью. Заранее спасибо.

Комментарии и отзывы (4)

Дмитрий, как вы сделали плавающим верхнее горизонтальное меню?

Андрей: вот тут описал подробно. Спасибо.

Дмитрий скажите пожалуйста как блогер со стажем начинающему блогеру, сколько времени у вас уходит на такую статью?

Фартушин Андрей: ну, я так точно не помню. Все зависит от тематики, но в среднем от одного до нескольких дней.

Читайте также: