Interactive World Maps汉化版_交互式世界地图WordPress插件

Interactive World Maps汉化版_交互式世界地图WordPress插件 - 图片1

WordPress插件Interactive World Maps是一个交互式世界地图WordPress插件,可以创建任意数量的地图,并带有交互性和彩色标记,大洲,国家或地区。WordPress插件Interactive World Maps使用Google Geochart API生成响应式地图,您可以对其进行自定义并将其放置在网站上的任何位置。

演示地址:https://cmoreira.net/interactive-world-maps-demo/

显示不同地区

您将能够显示数百种已经包括在内的不同类型的地图:

  • 世界地图。
  • 大洲或次大陆(非洲,欧洲,美洲,亚洲,大洋洲及其所有次大陆)
  • 具体某个国家(实际上,世界上所有国家/地区都包含其中,其中包括最受关注的国家:美国,英国,加拿大,法国,德国,西班牙,意大利,巴西,印度,澳大利亚…)
  • 一个国家/地区划分
  • 美国的一个州
  • 美国按大都市区划分
  • 美国的一个州,按大都市区划分

颜色区域或添加标记

您可以将活动的彩色区域添加到地图,并以两种不同的方式显示它们:

  • 作为地区–它将为整个地区着色,例如大陆,次大陆,一个国家,一个国家的省或美国的州
  • 作为标记-它将在所选区域中显示彩色气泡,该区域可以是城市,州或国家

1619174217-e69d1d3527fe5f6

添加交互性

您可以向活动区域添加交互性:

  • 工具提示-鼠标悬停时默认会显示工具提示,其中包含您提供的信息。
  • 一个动作?您可以为用户单击活动区域时设置不同类型的操作。您可以打开一个新的URL,或仅显示一条消息。高级用户将能够为自定义操作创建自己的Javascript函数,例如使用灯箱效果打开信息。

可自定义

您将能够使您的地图外观更加美观:

  • 背景颜色;
  • 框边框的宽度和颜色;
  • 非活动区域颜色;
  • 每个活动区域的单独颜色;
  • 标记大小;
  • 地图的宽度和高度;

1619174222-4e8b701876958a9

将地图添加到您网站上的任何位置

您可以使用短代码将地图包括在文章,页面甚至侧边栏小工具中!您还可以使用简单的php函数将地图添加到主题中。

响应式设计

如果未指定宽度,它将以容器div中可用的最大宽度加载。例如,它将为手机/ ipad /笔记本电脑加载并适应不同的尺寸。但是,在加载后,如果您调整窗口的大小,它将不会更改大小。

从1.4版开始,该插件包含一个选项,可以使地图完全响应。这将使用jQuery检查窗口大小是否更改,并将使用新的可用空间重新绘制地图。

跨设备和浏览器兼容

该地图内置SVG,不使用闪光灯,因此将在Mac产品中显示。

CSS修改变得简单

Google Geochart API默认没有提供一些功能,但是该插件提供了一个“自定义CSS生成器”,以帮助实现一些功能,例如,悬停变色效果,实现字体图标作为标记,改变边框颜色等等。

1619174227-57c31e85ec2baed

使用fontAwesome工具箱中的字体图标使用一些CSS技巧的地图示例,可从2016年1月发布的1.7.3版中获得。

适合在哪里使用?

该插件非常适合:

  • 旅游网站–创建地图以显示目的地并链接到有关特定位置的页面
  • 旅行者网站–显示包含已访问目的地/国家/地区的地图
  • 跨国公司–创建其经营所在城市/国家/地区的地图
  • 小型公司–在国家/地区地图中显示企业的位置
  • 非政府组织–创建世界各地非政府组织项目的地图
  • 信息图表–显示具有各种信息的易于阅读的地图
  • 还有更多其他应用程序!要有创造力!

包括但不限于:

  • Divi
  • Avada
  • X Theme

该插件使用了功能强大的Google Geochart API,可创建SVG矢量地图。

以下是纯手工汉化版购买链接(预约汉化,需要1到2个小时,全手工校对高质量汉化)

阅读全文
百度网盘下载地址
下载价格128 元
VIP会员 8折
此资源购买后7天内可下载。链接失效请联系客服QQ:2837383384
常见问题
下载地址失效了怎么版?
客服会第一时间检查下载地址,并发送到您的注册邮箱。如未及时处理可联系客服QQ或邮箱。
导入演示被中断了想重新导入怎么办?
https://themege.net/23822.html
不懂导入演示数据?无法一键导入演示数据?
https://themege.net/16186.html
原文链接:https://themege.net/13818.html,转载请注明出处。
0