Google, Yandex, Microsoft и прочие гиганты продвигают свои картографические сервисы как только позволяет их бюджет. OpenStreetMap не отстаёт стараниями тысяч своих пользователей. Но совсем не факт, что именно ваш город уже нанесён на карту с нужной детализацией. В тоже время у вас почти наверняка есть бумажная карта вашего города, которую можно отсканировать. Благодаря нашему сервису этого достаточно, чтобы сделать свою интерактивную карту online!
Более того, речь может идти не о карте города на Земле, а о вымышленном мире. Вам до безумия нравится трилогия «Властелин колец»? Чудесно, вы легко и просто можете сделать свою карту Средиземья и отметить на ней особо значимые места, прикрепить комментарии, описания и даже фотографии с автографом самого Фродо. 
Или, возможно, вы тратите всё свободное время на изучение игрового мира The Eldest Scrolls IV: Oblivion? Тогда вам будет отличным подспорьем карта, на которой вы сами разметите все форты, пещеры и стоянки, оставите комментарии и добавите скриншоты своих игр. Более того, совсем не обязательно речь должна идти о картах. С тем же успехом можно демонстрировать схему пожарной эвакуации из здания или план палуб корабля. Мы даём инструмент, а уж его использование ограничено только вашей фантазией.
Поскольку такая карта доступна online, то вы сможете поделиться ей с друзьями, знакомыми, коллегами и вообще всеми желающими.
Прежде чем перейти к описанию того, как сделать свою интерактивную карту, последнее отступление. То, что мы предлагаем, есть конструкция на Google Maps API. Это значит, что всё тоже самое и многое другое вы можете сделать изучив Google API или API любого другого картографического сервиса. Но такое изучение потребует некоторых навыков в программировании. Мы же предлагаем хороший набор возможностей по созданию карт не требующий специальных навыков для использования.
Итак, приступим!
Общая идея. На входе — изображение карты, на выходе — интерактивная карта.
Алгоритм действий.
- Скачать специально разработанную нами программу MapTileCutter. Эта программа предназначена для нарезки изображения карты на небольшие кусочки, которые будут подгружаться в браузер по мере необходимости. Кроме того, она подготовит файл с некоторой служебной информацией необходимой для правильного отображения карты нашим скриптом. Также программа пригодится для подготовки custom maps если вы решили создать свою карту на основе Google Maps, без помощи нашего сервиса.
- С помощью программы подготовить карту к загрузке на сервер.
MapTileCutter
Необходимо указать «Изображение карты» и «папка для сохранения». Всё остальное — опционально, хотя желательно заполнить всё. «Картинка для фона» — это изображение размером 256х256 точек в формате GIF, оно будет использоваться для вывода по периметру вашей карты (несколько примеров вы найдёте в архиве с программой). Когда всё поля заполнены жмите «Подготовить файлы карты». По окончании процесса в указанной папке окажется куча файлов.
- Если у вас нет сайта — зарегистрируйте хотя бы бесплатный. Подойдёт практически любой, например, 50webs.com. Некоторые бесплатные хостинги «не отдают» картинки скрипту запущенному с другого сайта, поэтому выбирайте такой, который лишён этого недостатка. На платных хостингах этой проблемы не возникает.
- Залейте папку с файлами подготовленными в п.2. на свой сайт. Рекомендуем использовать программу доступа по FTP FileZilla. Для определённости будем считать, что ваш сайт имеет адрес http://yourtestsite.ru, а папка, которую вы залили на сайт называется mymap. В этом случае ваши файлы располагаются по адресу http://yourtestsite.ru/mymap. Если ваш сайт поддерживает протокол HTTPS, то далее в адресах используйте HTTPS вместо HTTP.
- Обратитесь по адресу http://karta.intelleks.com/map/map.php?url=http://Адрес-вашего-сайта/ваша-папка в нашем примере это будет http://karta.intelleks.com/map/map.php?url=http://yourtestsite.ru/mymap. Это всё! Ваша карта уже действует!
- Допишите к URL из п.5 «&d=markers» (в нашем примере адрес будет выглядеть так: http://karta.intelleks.com/map/map.php?url=http://yourtestsite.ru/mymap&d=markers). В этом режиме вы можете размещать на карте маркеры (щелчком на карте, также маркеры можно перетаскивать мышью) и в редакторе справа вводить к ним описания, выбирать изображение маркера из списка доступных. Не забывайте нажимать иконку с дискетой (сохранить) по окончании редактирования каждого маркера.
Параметры маркера на карте
- Для пользователей карта будет открываться в том масштабе и в той позиции, в которых вы закончите редактирование. Поэтому не забудьте о необходимости выбрать нужный масштаб и положение центра карты заканчивая работу.
- На карте могу выводиться маркеры с разными иконками, удобно иметь возможность скрыть/показать сразу все маркеры с конкретной иконкой. Чтобы дать пользователям такую возможность установите галочку «Показывать список типов маркеров». Если нужна возможность видеть список текстов введённых как описание маркеров и быстро переходить к соответствующему маркеру на карте, установите галочку «Показывать список маркеров».
- Когда все маркеры расставлены/отредактированы, положение и масштаб карты заданы, параметры определены нажмите кнопку «получить файл маркеров». Скопируйте текст из открывшегося окна и сохраните в файл markers.js. Загрузите этот файл в ту же папку вашего сайта, где уже лежат кусочки карты.
- Обратившись по адресу вида //karta.intelleks.com/map/map.php?url=http://Адрес-вашего-сайта/ваша-папка&m=markers вы увидите свою карту с отмеченными вами местами. При щелчке на маркере в открывшемся окошке будет выведено ваше примечание к нему.
Примечание: совсем не обязательно использовать имя «markers». Вы можете использовать любое имя файла. Более того, можно использовать несколько файлов маркеров с одной картой для вывода на ней объектов разных типов (например, http://….&m=cinema — кинотеатры (имя файла cinema.js), http://….&m=school — школы (имя файла school.js) и т.д.).
Вставка на свой сайт.
Созданную карту вы можете вставить на страницу своего сайта используя iframe. Для этого в нужном месте разместите код такого вида:
<iframe src=»//karta.intelleks.com/map/map.php?url=https://karta.intelleks.com/map/map_data/middleearth&m=markers» style=»width:700px;height:500px;border:none;» frameborder=»0″ allowfullscreen></iframe>
Демонстрация
Интерактивная карта Средиземья с несколькими маркерами.
Смотрите также
66 комментариев: Создать свою карту
3 Июль 2015 в 23:22
Программа не работает. Пишет «Out of system resources»?
6 Июль 2015 в 12:11
Как же не работает, когда на чистом английском вам говорит, что не хватает ей ресурсов?
Памяти надо тем больше, чем выше разрешение обрабатываемой карты. Сейчас проверил: на 60 мегапиксельной картинке работает, на 100Mpix уже нет. Может при случае усовершенствую обработку очень больших изображений.
13 Август 2015 в 10:45
I/O error32 это что значить?
13 Август 2015 в 15:10
дополнение, пишет теперь недостаточно места на диске))) 287 гБ это мало?
15 Август 2015 в 19:35
Подозреваю, это значит очень-большая-картинка. Скиньте свою карту на файлообменник типа Яндекс.Диск, а ссылку сюда. Посмотрю в чём именно дело.
19 Август 2015 в 10:27
У меня на отображаются маркеры. Может ли это быть из за того что я использую как хост гугл драйв?
19 Август 2015 в 12:49
Вы назвали файл «markers.js.txt», а надо «markers.js».
11 Октябрь 2015 в 18:05
Есть ли способ в качестве маркера нанести векторное изображение (например, маршрут) ?
12 Октябрь 2015 в 14:47
Google Maps API позволяет накладывать на карту в т.ч. и линии, но не как «маркеры», а именно как «линии» (см. ГуглДоки, polylines).
Наша реализация упрощает только подготовку карты и добавление меток-маркеров. Дополнительные элементы можно (в принципе) добавить на карту написав соответствующий код в подключаемом файле (markers.js). Но если вы можете написать такой код, то, наверное, вам не сложно реализовать полную работу с Google Maps без нашей оболочки.
12 Ноябрь 2015 в 11:09
Приветствую!
Пытаюсь создать интерактивную карту склада при помощи вашего сервиса, но с толкнулся с проблемой добавления маркеров. Ссылка вида http://karta.intelleks.com/map/map.php?url=http://ural56.hol.es/storage_maps/ работает карта грузится, но стоит приписать к ней «&d=markers» (п.6) указанное диалоговое окно редактирования появляется, но без самой карты и маркер поставить некуда, следовательно и сохранить ничего невозможно, что делает дальнейшую работу с сервисом невозможной. Как исправить и где ошибка?
12 Ноябрь 2015 в 12:28
Похоже, вы уже справились.
Должно быть ваша «карта» такая небольшая, что оказывалась за пределами исходно видимой области (левей и выше). Достаточно увеличить масштаб, чтобы обнаружить изображение. При сохранении маркеров записывается и точка, в которой надо позиционировать карту т.ч. у ваших пользователей такой проблемы уже не будет.
Не используйте такой мельтешащий фон — пожалейте глаза посетителей…
12 Ноябрь 2015 в 17:02
Мельтешащий фон это временное явление, поскольку нет выбора между использованием в виде background-picture между gif и другими графическими форматами (обычным jpg или png).
Теперь возник другой вопрос, связанный с css. Как изменить верстку? Проблема в том что мой список маркеров достаточно объемный и не умещается в блок, где располагается. Есть ли возможность его как-нибудь расширить?
13 Ноябрь 2015 в 13:30
Верстка изменению не подлежит. Длинные названия сокращаются автоматически и дополняются многоточием.
У вас сейчас ошибка с кодировкой markers.js.
14 Ноябрь 2015 в 20:59
Google’у не нравится и выдает:
Mixed Content: The page at ‘https://sites.google.com/site/mymapsru/’ was loaded over HTTPS, but requested an insecure resource ‘http://karta.intelleks.com/map/map.php?url=http://sites.google.com/site/mymapsru/map1’. This request has been blocked; the content must be served over HTTPS.
14 Ноябрь 2015 в 21:00
Как я понимаю это под 3й пункт попадает
15 Ноябрь 2015 в 16:42
Странно. «Mixed Content» был бы в случае запроса HTTP из HTTPS, а не наоборот. …или это вы уже про сообщение своего гугло-сайта, а не от карты. Впрочем, с Гугло-сайта подгрузить всё равно не получится. Не любит Google делиться, он как раз из тех «некоторых». Лучше найти другой хостинг.
Если очень хочется использовать Google, то способ есть — залить на Google Drive, расшарить каталог и получить прямую ссылку: https://support.google.com/drive/answer/2881970?hl=ru Но, как там сказано, этот способ прикроют 31 августа 2016 г.
В порядке информации: некоторые карты вполне успешно размещают на Хостингер и Юкоз.
19 Январь 2016 в 12:34
http://karta.intelleks.com/map/map.php?url=http://rpgtula.ru/wp-content/uploads/Tile_map&m=Battleland
все получилось, спасибо огромное за урок и сервис.
Можно ли добавлять свои изображения маркеров и как?
19 Январь 2016 в 13:36
Пожалуйста!
Интерфейса для добавления своих типов маркеров нет, но принципиально это возможно.
Добавьте в начале js файла с вашими маркерами строку вида
gicons.push(newIcon("http://ваш-сайт/путь-до-маркера/маркер.png "));
и тогда вы сможете использовать маркер #6 уже со своим изображением. Для этого в строке описывающей нужный маркер указать «6» в конце:
markers.push([…,6]);
Аналогично, если добавить ещё один gicons.push(…) — это будет маркер #7 и т.д.
15 Май 2017 в 21:48
Добавляется не маркер #6, а #0, а номера всех остальных сдвигаются на единицу. И без уточнения привязки маркера это всё равно бесполезно… Появиться может вообще где угодно по отношению к месту появления всплывающего сообщения.
5 Июнь 2017 в 22:28
На счёт номеров — добавление надо повесить на событие «страница загружена» $().ready(function() …
О какой привязке маркера речь? Описанный метод добавляет тип маркера со своей иконкой, расставить маркеры этого типа по карте — обычным образом. Координаты привязки к маркеру всплывающего сообщения — да, прописаны жестко. Все маркеры должны быть размером (59, 46), точка привязки балуна (20, 39).
12 Февраль 2016 в 09:05
Добрый день, почему выключили ваш сервис от сайта путеводительвозрождения.рф? Как нам восстановить карту?
Адрес карты http:// путеводительвозрождения.рф/pages/place2.html
13 Февраль 2016 в 16:22
Здравствуйте. Вы официальный представитель издательства ТDИ?
2 Март 2016 в 20:00
Наткнулся на ограничение в 24 маркера. Как нибудь обойти можно?
Новый маркер не отображается пока не удалишь один из старых.
Есть возможность написать какой то php файл на перезапись файла markers.js с веб формы.
Очень не удобно заходить через ssh на сервер и постоянно редактировать файл.
Спасибо.
3 Март 2016 в 17:52
Только нет такого ограничения. Вот, для примера, карта с большим количеством маркеров.
Возможно вы используете в подписях к маркерам какие-то символы, которые ломают код. Проблему могут вызывать апострофы.
Скрипт с формой для сохранения маркеров сразу в файл на сайте сделать не сложно, но тут же возникает вопрос с защитой от несанкционированного доступа. Ни к чему усложнять.
20 Март 2016 в 14:49
А можно ли сделать чтобы шло не от «http://karta.intelleks.com/» когда вставляем карту. Я абсолютно ничего против вас не имею, просто нужно сделать нечто долговечное, потому хотелось бы узнать, можно ли без этого?
21 Март 2016 в 11:42
Наш сервис работает как прослойка между пользователем и Google Maps API упрощая вам публикацию карты. Само собой, вы можете работать с Google Maps API напрямую — потребуется больше знаний, но получите и больше возможностей.
4 Май 2016 в 20:02
Создали сайт на ucoz.site, но п.4 выполнить не получается. Используем FileZilla, но при попытке залить файлы выдает ошибку. Пишет:Критическая ошибка: Невозможно подключиться к серверу. Как поступить?
5 Май 2016 в 13:17
Решать проблему «Невозможно подключиться к серверу». Она либо на вашей стороне (неправильно задан хост/логин/пароль), либо на стороне юкоза. Если уверены, что сами не ошиблись, напишите в поддержку хостера. Конкретно у юкоза по-моему была функция типа «файловый менеджер» в панели управления. Если действительно есть, можно залить файлы через неё. Но лучше разобраться с FTP.
8 Май 2016 в 20:40
а можно ли дать возможность пользователям, заходящим на сайт ставить свои маркеры, которые бы видели все?
8 Май 2016 в 22:56
Для этого естественней использовать Google Maps API напрямую в связке с базой данных.
2 Июнь 2016 в 21:48
Что делать с картинкой фона ??? Никакие фото не подходят !!!
5 Июнь 2016 в 13:17
Что значит «не подходят»? Несколько образцов есть в архиве с программой.
26 Июнь 2016 в 21:22
Здравствуйте, возможно размещение погодных информеров на карте?
28 Июнь 2016 в 11:21
Подсказкой к метке на карте может быть любой html код, в т.ч. любые информеры. Вставлять напрямую в файл маркеров, а не через редактор.
26 Август 2016 в 16:39
Добрый день,
Обязательно ли заливать файлы на сервер? Возможно ли создать карту используя свое храниелище (свой ПК, облако)? Если да, то подскажите пожалуйста.
Заранее благодарен.
28 Август 2016 в 20:53
Здравствуйте.
Да, обязательно. Карта работает на основе Google Maps API. Скрипт Гугла должен «знать» откуда брать картинки. Облачные сервисы, как правило, не дают прямых ссылок на изображения. Локальный ПК без поднятого web-сервера и вовсе в сети «невидим». Т.ч. какой-то сервер видимый в сети и отдающий графику по прямым ссылкам необходим.
6 Сентябрь 2016 в 15:39
Вместо маркеров видна кракозябра. Все делал по инструкции. В чем проблема?
http://karta.intelleks.com/map/map.php?url=http://etrt.ru/map&m=markers
16 Сентябрь 2016 в 12:57
Вижу, уже разобрались.
Файл маркеров должен быть в кодировке Windows-1251, а не UTF-8.
16 Ноябрь 2016 в 23:34
Добрый день. Теперь на мобильных устройствах карта перемещается только двумя пальцами одновременно, что совсем неудобно. Можно ли убрать данное ограничение?
17 Ноябрь 2016 в 21:23
Здравствуйте.
Это недавнее изменение Google Maps API. Поскольку «наши» карты работают его на основе, то убрать нельзя. Теоретически, судя по документации, должно быть можно (достаточно добавить map.setOptions({gestureHandling:»greedy»}); в ваш info.js), но практически это сейчас не работает, возможно станет доступно позже.
На счёт «неудобно» — не согласен. Не удобно, когда крутишь страницу, доходишь до карты и не можешь прокрутить страницу дальше, потому, что вместо страницы крутится карта. Теперь такой проблемы нет.
9 Январь 2017 в 11:38
Благодарю, шикарное средство для создания карты!
Вот только столкнулся с проблемой хранения множества кусочков карты в одной папке — ucoz, например, не даёт загрузить более 200 файлов в папку, и хоть ты тресни(
А это значит — маленький масштаб, не более 3000х3000 пикселей.. Ведь чем больше карта, тем больше кусочков. У 80-мегапиксельной их больше полутора тысяч…
Может, вы знаете хостинг, который позволяет хранить тысячу, или 2 тысячи файлов в одной папке?
И ещё — можно ли сделать так, чтобы в списке маркеров отображались не все подряд, а только некоторые?
Заранее спасибо.
13 Январь 2017 в 22:10
Платные хостинги таких ограничений не имеют. Бесплатные всегда имеют какие-то ограничения (количество или размер файлов, объём трафика, количество посетителей,…), но посмотрите на bplaced.net и freehostia.com.
В список маркеров выводятся все. Но можно создать несколько карт в одной папке с разными наборами маркеров: …&m=markers1, …&m=markers2,…
23 Январь 2017 в 12:24
Спасибо, уже разобрался) В качестве приемлемого и целесообразного оказался Hostinger — оплата там идёт только за регистрацию, меньше доллара — и никаких проблем.
Насколько я понял, при добавлении новых маркеров номера старых «сдвигаются» вниз, а область маркера обрезает любую картинку, превышающую определённый масштаб. Но это детали, стандартного набора вполне хватает)
И ещё, в режиме редактирования отображаются маркеры только первого типа, но это тоже мелочи.)
Советую всем желающим вставлять в содержимое маркера вот такой кусочек кода:
div {width: 260px; padding-right: 15px;}
Очень удобно) Для открытия ссылок в новом окне и фиксированной ширине раскрывающегося описания точки.
Вот, кстати, масштабный проект получившейся карты: http://karta.intelleks.com/map/map.php?url=http://almamap.esy.es/Almamap&m=markers
Спасибо ещё раз за такие великолепные возможности!
26 Январь 2017 в 23:24
Э… пожалуйста. Вот только, что там про сдвиги не уловил, желтый маркер «по-умолчанию» задумывался как технический, только для режима редактирования, а если добавить указанный стиль в текст маркера, то всю страницу будет колбасить при открытии подсказки,… но если вам нравится — на здоровье!
26 Январь 2017 в 14:59
А можно как-то повлиять на параметр show_markerlist, хотелось бы изменить его длину и ширину?
26 Январь 2017 в 23:17
Просто — нет, вообще — да. У вас в каталоге с «нарезкой» есть info.js и markers.js в которые можно добавить произвольный JavaScript код. В том числе и код добавляющий/изменяющий CSS любых элементов. Как именно — google в помощь!
2 Май 2017 в 16:48
Можно ли задать для карты свою систему координат (преобразование) и настроить вывод текущих координат под курсором где-нибудь, например под названием карты?
Можно ли использовать тайлы другого размера, например 512×512?
9 Май 2017 в 11:49
Размер tile фиксирован.
Если хочется своё преобразование координат, особую обработку событий мыши, то стоит использовать Google Maps API напрямую.
7 Май 2017 в 09:37
Расскажите о координатах маркеров на вашей карте. Хотелось бы разместить их более точно, зная координаты на игровой карте, копией которой является составляемая. Какие координаты получает точка, имеющая пиксельные координаты 6400,9600 , правый нижний угол карты при масштабе 18. По какой формуле рассчитываются координаты маркеров?
9 Май 2017 в 11:57
Исходное изображение режется на tiles для карты масштаба 18. Привязка от начала координат и насколько потребуется в зависимости от размера изображения. Масштабы 17,16,… — каждый по стороне вдвое меньше предыдущего. «Географические» координаты связать с пиксельными (6400,9600) проще всего создав карту и разместив маркер в нужном месте. Так получите пропорцию, по которой можно осуществить пересчёт координат.
15 Май 2017 в 21:55
Пробовал я переименовывать тайлы для других, меньших масштабов, и изменять info.js под них, координаты при этом увеличиваются. Но сталкивался с то нарушением пропорции долготы к широте, то разделением долготы маркера на + и -, когда как координата центра карты в том же месте, что и этот маркер, получала только положительное значение. Странное поведение… Так и оставил уровни масштаба с 13-го по 18-ый.
19 Май 2017 в 17:58
Просто ещё один небольшой вопрос. А какая именно используется проекция? Возможно именно из-за этого происходит искажение пропорций долготы/широты точек размещения маркеров на меньших масштабах при их использовании на них тех же тайлов. Похоже у Google Maps вообще отсутствует декартова система координат. У Яндекс Карт она как-будто есть, но задать равенство координат мира пиксельным не удаётся на слое тайлов из исходного изображения, размеры которого не кратны 256. Хотя наверное это и возможно при вводе формул пересчёта…
5 Июнь 2017 в 22:16
Дефолтные для гуглокарт. Вот подробности в официальной документации: https://developers.google.com/maps/documentation/javascript/maptypes?hl=ru#WorldCoordinates
11 Июль 2017 в 16:54
Спасибо огромное! Все работает.
Вот только вопрос: если у меня очень длинный список маркеров с длинными названиями, можно ли увеличить область списка маркеров и, например увеличить размер шрифта маркеров?
17 Июль 2017 в 19:48
Добавьте в начале js файла с вашими маркерами строку вида
$().ready(function() { $("#list_markers_titles ul").css("max-height", "250px"); });
Этим задаётся максимальная высота списка маркеров. Таким же образом можно управлять и другими стилями CSS.
6 Сентябрь 2017 в 13:13
Добрый день.
К сожалению, не могу понять следующее:
«3. Если у вас нет сайта — зарегистрируйте хотя бы бесплатный. Подойдёт практически любой, например, 50webs.com. Некоторые бесплатные хостинги «не отдают» картинки скрипту запущенному с другого сайта, поэтому выбирайте такой, который лишён этого недостатка. На платных хостингах этой проблемы не возникает.
4. Залейте папку с файлами подготовленными в п.2. на свой сайт. Рекомендуем использовать программу доступа по FTP FileZilla. Для определённости будем считать, что ваш сайт имеет адрес http://yourtestsite.ru, а папка, которую вы залили на сайт называется mymap. В этом случае ваши файлы располагаются по адресу http://yourtestsite.ru/mymap.»
Сайт у меня есть, сделала еще дополнительный бесплатный. В п.1-2 подготовила файлы, там есть нарезанные картинки и файл info.
1. Файлы загружать на сайт без предварительного архивирования? Тогда эти картинки будут отдельно добавлены друг от друга(папка не добавляется без архивирования как папка), файл Инфо вообще не загружается.
2. Как использовать программу доступа по FTP FileZilla? Это вообще необходимо? я не понимаю, зачем она нужна и как с эти работать
Остальные пункты мне понятны.
Жду ответа.
Если можно, снимите видеоурок по этой теме, буду признательна. Спасибо.
18 Сентябрь 2017 в 19:28
Добрый вечер, Екатерина. Будем считать, что ответ вам ещё интересен…
Цель п.4. — получить на своём сайте каталог в котором лежат картинки. Как это сделать — не принципиально. На некоторых сайтах/хостингах предусмотрен вариант «залить архив и распаковать на сервере». Можно воспользоваться им. С тем же успехом можно заливать файлы не в архиве. Вручную поштучно копировать несколько сотен файлов не интересно. Вот тут и поможет FileZilla или любой другой FTP-клиент. Смысл этой программы: она подключается к сайту и вы видите две панельки — файлы на вашем компьютере и файлы сервере. Перетаскиваете папку из одной панельки в другую и всё, копирование пошло. Повторюсь, FileZilla лишь для облегчения процесса заливки, использовать или нет — дело ваше, лишь бы файлы оказались на сервере. Как пользоваться FileZilla есть видео на youtube, например, вот или вот.
21 Сентябрь 2017 в 07:46
Все поняла, кроме еще одного момента:
У данной программы просят адрес сервера и порт.
1. Сервер и порт надо у моего сайта или компа?
Если сервер у сайта, то как узнать его? (Желательно конкретно по шагам).
Если сервер у компа, то как тоже конкретно узнать его и не повредит ли это тому, что допустим сервак на базе школы?
25 Сентябрь 2017 в 22:32
Речь идёт об ftp адресе сайта т.е. месте назначения, куда программа будет подключаться. Адрес, порт, логин для подключения, пароль — обычно всё это в панели управления хостингом или высылается при регистрации. Вероятно, вы регистрировали сайт и хостинг в одном месте — вот там и должны были получить доступы. Панели управления хостингом бывают разные, вот как выглядит нужный раздел в cPanel. Кроме того, в той же панели должна быть возможность обратиться в службу поддержки — всегда можно спросить, для того они там и сидят, чтобы помочь при необходимости.
Если ваш сайт — сайт школы в какой-то всеобщешкольной системе, то могут быть сложности. В таких системах отдельной школе часто дают права на редактирование текстов и выбор дизайна из набора шаблонов и всё. Этого будет недостаточно. Лучше уточнить опять же у поддержки.
29 Сентябрь 2017 в 11:26
Вот теперь точно всё ясно. Спасибо за своевременные ответы.
21 Ноябрь 2017 в 16:52
Здравствуйте. Спасибо за шикарный сервис. Правда возник единственный вопрос. Есть ли возможность реализовать добавление маркеров таким образом, что бы не было необходимости каждый раз добавлять данные на сервер через FTP.
25 Ноябрь 2017 в 14:31
Добрый день.
Сделать скрипт, который будет перезаписывать файл с маркерами на сайте, совсем не сложно. Но запись чего-либо на сайт — это потенциальная уязвимость, понадобится заботиться ещё и о безопасности доступа. Предпочёл большую безопасность чуть большему удобству.
Сам файл с маркерами располагается на вашем сайте — можете добавить форму его редактирования/сохранения на своей стороне если готовы позаботиться о безопасности доступа.
26 Май 2019 в 19:07
Здравствуйте! Большое спасибо за сервис, очень удобно пользоваться!
Возникло желание добавить свой стиль маркера по вашему совету:
Добавьте в начале js файла с вашими маркерами строку вида
gicons.push(newIcon(«http://ваш-сайт/путь-до-маркера/маркер.png «));
и тогда вы сможете использовать маркер #6 уже со своим изображением
Но после добавления в начало файла markers.js карта отказывается видеть все маркеры. Путь к маркеру указан верно, картинка обрезана под нужный размер 59х48. Помогите пожалуйста, я возможно, не так понял этот совет
20 Июль 2023 в 19:58
Прошло время, внутренняя реализация слегка изменилась. Сейчас доступно 30 маркеров, нумерация начинается с нуля. Соответственно, если этих мало, то чтобы использовать свой маркер, надо заменить один из существующих или добавить новый, который получит следующий не занятый индекс: 30, 31,…
Ниже демонстрация обоих подходов: замены существующей, добавление новой иконки. Начало markers.js выглядит так:
$(function() { l_icons[2]=newIcon("https://i.ibb.co/3R9hDFv/1m.png"); // маркер, который заменит #2 l_icons.push(newIcon("https://i.ibb.co/tssqLtT/zz.png")); // новый маркер, получит индекс #30 (следующий после 29 занятых) }); markers.push([-0.009441375689691618,0.013110637664794924,'Осторожно, лоси!', 2]); markers.push([-0.006549954400091206,0.011023879051208498,'Здесь водятся медведи',30]);В newIcon(…) передаём URL до картинки в формате PNG размером (59, 46) с точкой привязки всплывающей подсказки (20, 39) с прозрачным фоном.
Вот как выглядит в результате: карта с кастомными маркерами.
20 Март 2021 в 23:48
не понимаю
20 Март 2021 в 23:50
КАК КАК