Скласти інтерактивну карту за допомогою leafletjs.com або аналога.
3500 UAH
1) Країни
2) Місто
Загальна ідея карти:
Основний блок - використовується карта Європи (1 зображення).На лівому боці картини - список активних країн.При натисканні на будь-яку країну з цього списку відбувається перехід на 2 рівень карти (карта країни з містами, 2 зображення).Змінюється також і список - з'являються міста і посилання назад.Також при натисканні на активну країну з 1 рівня (карта Європи) на самій карті відбувається збільшення карти і перехід на 2 рівень.При натисканні на посилання "назад" відбувається перехід на 1 рівень.При натисканні на знак міста на карті рівня 2 відбувається редирект на вибрану сторінку.При натисканні на конкретний місто в списку - також відбувається редирект на вибрану сторінку.За стилями при навіванні відбувається підсвітлення контур країни.Щось подібне реалізовано тут:
HTTPS://codepen.io/andrewarchi/pen/jPEXyL
Сами контури країн можна взяти звідти.Якщо цей джерело не підходить - можна взяти ваш на розгляд, але важливо, що п-ов Крим був у складі України.Збільшення реалізовано в цьому прикладі тієї ж бібліотеки:
https://leafletjs.com/examples/choropleth/example.html
Але цікаво, чи можна зробити тільки для 2 рівнів.Також в завданнях інші країни не повинні бути активними.Тільки те, що є в списку.У майбутньому планується ставити карту на wp - не було б погано роздумувати, як це можна зробити.Але це буде окрема задача.Макет фігми прикріплений
Сверстка без блоку з картою для загального розуміння:
HTTP://church.maxkoitsan.online
Про це йдеться у повідомленні.
Якщо є подібні приклади з роботою - пріоритет буде фрілансерам з ними
Додатки 3
Відгук замовника про співпрацю з Петром Свистуном
Скласти інтерактивну карту за допомогою leafletjs.com або аналога.Чудова робота, навіть не думав, що так можна зробити. Перевершив всі очікування.
Відгук фрилансера про співпрацю з Maxim Koitsan
Скласти інтерактивну карту за допомогою leafletjs.com або аналога.Добре складене завдання, швидкі відповіді та своєчасна оплата. Рекомендуємо до співпраці.
-
5 днів3500 UAH
289 9 1 1 5 днів3500 UAH
Ласкаво, прикріплю посилання на мою роботу з подібною картою https://rosagrotrade.ru/filialy/
Ми можемо обговорити розробку вашої карти, карта розробляється без будь-яких додаткових скриптів.
Якщо у вас є запитання, напишіть мені в особисті повідомлення. Дякую, чекаю Вашого рішення.
-
Переможець7 днів3500 UAH
746 15 0 Переможець7 днів3500 UAH
Доброго часу дня!
Зробіть це на Leaflet. Карти країн і міст можна зробити Geojson файлом для додавання нових місць без змін в код.
Будемо раді співпраці.
-
23 дні3500 UAH
801 10 1 1 23 дні3500 UAH
Дозвольте свідчити вам мою повагу!Я прочитав ваші вимоги до роботи і можу відзначити, що у мене є досвід реалізації великих проектів, так і болю середніх розроб.Я готовий комплексно і якісно підходити до вашого проекту.Після перегляду макетів і ТЗ пропоную терміни і ціну.Я завжди йду на зустріч.Я роблю свою роботу якісно і вчасно - це неперевершений принцип, важливіший за якого не можуть бути навіть гроші.У моєму багажі працює співпраця з багатьма великими компаніями, володіючи більш ніж 7-річним досвідом розробки: веб-програмування, сайти під ключем, інтернет-магазини, і розробка різних проектів!Я працюю з широким спектром технологій, таких як: Back-end: PHP, MySQL, React.js, Node.js, Java, Codeigniter(v2-4), Net, Vue.js, HTML, XML, CSS, JavaScript, jQuery, Ajax, RESTful_API, MVC, Laravel(5.6-8) Symfony, Yii2, Agile, SCRUM, Git, Angular(V8-11), BitBucket, VCS, Xdebug, PHPUnit.Бази даних: MySQL(5-8), PostgreSQL, MongoDB,
Фронт-енд: CSS, HTML, JavaScript React, Angular, Vue .З найкращими бажаннями!
-
3 дні4000 UAH
717 21 2 1 3 дні4000 UAH
Вітаю вас! Я можу зробити на основі SVG картки. Але міста повинні бути вручну розподілені. Я роблю без будь-яких додаткових бібліотек і фреймверків, за винятком того, що якщо це для WordPress можна jquery для зменшення коду так сказати..
-
5 днів3500 UAH
175 9 3 1 5 днів3500 UAH
Добрий день .
Готовий реалізувати вашу думку протягом 2-3 днів. Інтеграція - просто як сторінки, тому що. фактично всі дані статичні, динаміка тільки на JS. Якщо потрібно буде далі для WP можна зробити плагіном і редагувати дані з адмінки, країни, міст, місць і посилання на інші сторінки.
Подібний проект в реалізації на Google-картах
-
7 днів7000 UAH
1144 39 3 4 7 днів7000 UAH
Вітаємо Вас! Зацікавився вашим проектом, хотів би обговорити деталі.
Деякі з моїх роботи:
HTTPS://shevron23.ru/
Профсолюція.org
HTTPS://lifemd.com
https://www.vierblatt.ch/
https://nannasshopofhugs.com/
…
Більше роботів можна побачити в портфоліо
Freelancehunt
-
7 днів3500 UAH
1860 123 5 2 7 днів3500 UAH
Доброго, готового до співпраці.
Я б зробив підгрузку другого рівня, через AJAX, так само, як можна відразу причіпити її в адмінку WP для зручності.
— — — — — —
Я працюю з ВПП більше 5 років.
Створення шаблонів, плагінів з нуля.
Працювати з такими плагінами, а також їх кастомізація під певні потреби:
Visual composer, Elementor, wpml (бути в наявності), acf pro (бути в наявності), cf7, wp all import\export (бути в наявності) та інші.
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
919 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 1 день 18 годин тому ∙ 59 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 19 годин тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 10 годин тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 653 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 9 днів 16 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 9 днів 22 години тому ∙ 21 ставка |
Запоріжжя