如何使用imapbuilder自定义地图图像创建可点击地图(create a clickable map using your own custom map image with imapbuilder)

除了使用数字地图编辑器提供的地图模板外，用户还可以将自己的自定义地图图像（如平面图和街道地图）导入软件。然后添加placemark来定义位置，信息框和工具提示会在鼠标上方或鼠标单击时显示其他信息。本教程将带您完成使用自己的图像创建可单击地图的步骤。...

步骤

  1. 1从其官方网站下载交互式地图构建软件，并安装到您的计算机中。
    2. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 1
  2. 2运行软件，单击“创建”图标创建新地图。
    3. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 2
  3. 3单击“导入自定义地图图像”以导入JPG、GIF或PNG格式的图像。
    4. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 3
  4. 4在“地图选项”选项卡中，设置地图标题、背景色、布局和地图大小。您可以选中“缩放功能”框，以允许用户放大/缩小和导航地图。
    5. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 4
  5. 5单击“自定义地图选项”选项卡，输入所需的地图宽度/高度。完成后，单击“更新地图大小”。
    6. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 5
  6. 6按点、线、文本部分下的图标，添加标签/图标/点/线/信息框/工具提示
    7. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 6
  7. 7单击菜单栏中的“预览”，查看它在浏览器中的外观。
    8. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 7
  8. 8选择文件-&gt；发布并选择要发布地图的文件夹。
    9. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 8
  9. 9发布地图后，将显示“发布”弹出窗口。使用Dreamweaver/Frontpage或任何其他HTML编辑器将嵌入代码复制并粘贴到现有网页中。
    10. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 9
  10. 10保存网页（例如myWebPage.html），导航到发布文件夹，并将“imapbuilder”文件夹复制到与myWebPage相同的目录中。html
    11. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 10
  11. 11单击Ftp设置以设置Ftp信息。（请不要在ftp主机中填写http://或ftp://默认主机目录是指向服务器根目录的路径，如果没有此信息，可以将其保留为空。（通常是/public_html、/htdocs、/var/www/html，您可以联系您的主机获取此信息。）
    12. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 11
  12. 12设置ftp信息后，单击发布屏幕中的上载。
    13. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 12
  13. 13如有必要，选择远程文件夹，然后单击上载开始上载。
    14. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 13
  14. 14上传完成后，你可以点击url链接浏览flash地图，如果不合适，你可以修改url链接。
    15. Image titled Create a Clickable Map Using Your Own Custom Map Image With iMapBuilder Step 14
  • 发表于 2022-03-19 22:59
  • 阅读 ( 88 )
  • 分类：旅游

你可能感兴趣的文章

如何使用谷歌地图为朋友创建自定义方向

... 如何在google地图中创建自定义方向 ...

  • 发布于 2021-03-26 11:17
  • 阅读 ( 157 )

谷歌地图的私人替代品：DuckGo地图

...像“比萨饼附近我”搜索结果裁缝到您的大致位置。选择使用地图右上角的地图别针图标启用精确结果，将为您提供更精确的本地业务结果。您可以搜索一个地方，然后使用“方向”按钮获取有关驾驶或步行的逐步说明。 您可...

  • 发布于 2021-03-31 14:12
  • 阅读 ( 247 )

为什么创建可引导usb驱动器比创建可引导CD更复杂？

创建可引导CD和DVD往往是一个简单、直接的过程，但为什么创建可引导闪存驱动器时会更复杂呢？两者真的有那么大的区别吗？今天的超级用户问答帖子回答了一位好奇的读者的问题。 今天的问答环节是由SuperUser提供的，SuperUse...

  • 发布于 2021-04-08 09:39
  • 阅读 ( 206 )

充分利用microsoft office的10个快速提示

...ands. 通过在Office2007中自定义快速访问工具栏来节省时间 如何备份和恢复office 2010功能区和快速访问工具栏自定义设置 Now, that you learned how to create custom tabs on the Office 2010 Ribbon and how to customize the Quick Access Toolbar, you can backup both the...

  • 发布于 2021-04-12 17:08
  • 阅读 ( 257 )

30个伟大的photoshop技巧和技巧，帮助您的计算机图形技能

...。我们已经发表了许多关于使用Photoshop的技巧和窍门以及如何解决您可能遇到的恼人问题的文章。 这篇文章汇集了30个最好的技巧和窍门，我们已经记录，以帮助您获得最大的Photoshop。 10个常见的photoshop问题（以及如何在5分...

  • 发布于 2021-04-12 17:13
  • 阅读 ( 302 )

ios版iphoto声称使用的是过时的openstreetmap地图数据，没有信用证

...科（Wikipedia）的组织，它声称iPhoto“缺少必要的信用”来使用它的数据。此外，OSM表示，苹果使用的数据切割“相当陈旧”，这或许可以解释为什么该公司还没有放弃谷歌在iOS中提供更关键的地图功能： Yesterday Apple launched iPhoto...

  • 发布于 2021-04-21 14:28
  • 阅读 ( 171 )

本周最佳科技写作，9月9日

... 关于“数字仪式” Dan Hill多年来一直在观察人类如何与数字技术交互，并描述了出现在网络周围的一些常见的紧急手势（谷歌地图涂片、安全***臀部碰撞、Wi-Fi道瑟）。 声音之城：丹山-随笔：21世纪剪贴画收藏 Fig. 8 Wi-F...

  • 发布于 2021-04-24 02:16
  • 阅读 ( 143 )

苹果表示，它刚刚开始使用地图，正在努力改善用户体验

...也很有趣，因为还不清楚像天桥和遗漏细节这样的功能会如何随着人们使用地图而“变得更好”。不过，很明显，随着越来越多的用户附和反馈意见，苹果正计划迅速做出改进，而库珀蒂诺在地图上贴上“beta”标签或许做得不...

  • 发布于 2021-04-24 04:25
  • 阅读 ( 155 )

蒂姆•库克承认苹果在iOS6地图上“做不到”，建议使用第三方替代产品

...人难以置信的是，库克在信中还花了很大一部分时间建议使用第三方替代应用程序，客户可以“在我们改进地图的同时”使用这些应用程序——他的建议包括必应（Bing）、Mapquest和Waze的应用程序，以及诺基亚（Nokia）和谷歌（Goo...

  • 发布于 2021-04-24 05:39
  • 阅读 ( 205 )

苹果地图重新设计的最佳新功能

...主屏幕上的特定集合上向左滑动以共享该集合。）在选择使用contact共享列表的iPhone或iPad之前，请务必注意苹果的警告：召唤街景环顾四周，从远处凝视某个地点与谷歌的街景不同，苹果的“我们的车开过去，拍下了这个特定位...

  • 发布于 2021-05-13 05:51
  • 阅读 ( 243 )
tpgu754520
tpgu754520

0 篇文章

相关推荐