Помимо использования шаблонов карт, которые предлагает редактор цифровых карт, пользователи также могут импортировать свои собственные изображения карт, такие как план этажа и карта улиц, в программное обеспечение. Затем добавьте метку, чтобы определить местоположение, с информационным окном и всплывающими подсказками, показывающими дополнительную информацию при наведении курсора или щелчке мышью. В этом руководстве вы пройдете этапы создания интерактивной карты с использованием вашего собственного изображения.
Шаги
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 1
Шаг 1. Загрузите программу для создания интерактивных карт с официального сайта и установите на свой компьютер
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 2
Шаг 2. Запустите программу, щелкните значок «Создать», чтобы создать новую карту
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 3
Шаг 3. Нажмите «Импортировать пользовательское изображение карты», чтобы импортировать изображение в формате JPG,-g.webp">
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 4
Шаг 4. На вкладке «Параметры карты» установите заголовок карты, цвет фона, компоновку и размер карты
Вы можете установить флажок «Функция масштабирования», чтобы пользователи могли увеличивать / уменьшать масштаб и перемещаться по картам.
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 5
Шаг 5. Щелкните вкладку «Пользовательские параметры карты» и введите желаемую ширину / высоту карты
По завершении нажмите «Обновить размер карты».
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 6
Шаг 6. Добавьте метки / значки / точки / линии / информационное окно / всплывающие подсказки, нажимая значки под точкой, линией, текстовым разделом.
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 7
Шаг 7. Нажмите «Предварительный просмотр» в строке меню, чтобы увидеть, как это будет выглядеть в браузере
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 8
Шаг 8. Выберите Файл-> Опубликовать и выберите папку, в которой вы хотите опубликовать карту
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 9
Шаг 9. После публикации карты появится всплывающее окно «Публикация». Скопируйте и вставьте код для встраивания на существующую веб-страницу с помощью Dreamweaver / Frontpage или любых других редакторов HTML.
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 10
Шаг 10. Сохраните веб-страницу (например, myWebPage.html), перейдите в папку публикации и скопируйте папку imapbuilder в тот же каталог, что и myWebPage.html.
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 11
Шаг 11. Нажмите «Настройка FTP», чтобы установить информацию о ftp. (Пожалуйста, не вводите https:// или ftp: // в FTP-узле) Default Host Directory - это путь к корневому каталогу вашего сервера, вы можете оставить его пустым, если вы нет этой информации. (Обычно это / public_html, / htdocs, / var / www / html, вы можете связаться с вашим веб-хостингом, чтобы получить эту информацию.)
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 12
Шаг 12. После того, как вы установите информацию ftp, нажмите «Загрузить» на экране публикации
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 13
Шаг 13. При необходимости выберите «Удаленную папку» и нажмите «Загрузить», чтобы начать загрузку
Создание интерактивной карты с использованием собственного изображения карты с помощью iMapBuilder Шаг 14
Шаг 14. После завершения загрузки вы можете просмотреть флэш-карту, щелкнув ссылку url, и вы можете изменить ссылку url, если это не подходит
