跳到主要内容

My Maps location :位置和类别

1.获取Google Maps API密钥

每次使用 Google Maps API 时,如果您的域是在 2016 年 6 月 22 日之后创建的,您必须包含一个密钥来验证您的请求。
获取密钥并启用 API: https : //developers.google.com/maps/documentation/javascript/get-api-key

详细信息: https : //developers.google.com/maps/documentation/javascript/usage?hl=zh-CN

第一步是创建一个项目,然后键入该项目的名称。

 

创建API密钥

 

如果我要允许来自mydomain的所有请求,则遵循的模式是* .joomunited.com / *
如果您只想允许单个域(例如mydomain.com),则模式将为joomunited.com/*


在本地主机环境中,您可以放置​​任何有效密钥,并且该密钥将在没有任何域引用的情况下工作。

 

域API模式


然后会生成API密钥,这是您需要复制以添加到“ My Maps location的密钥。

 

api创建的

 

将密钥添加到“ My Maps Location 。

组件 >My Maps Location> 选项视图中,您可以在配置中添加一个键。

 

地图配置

 

粘贴密钥。

 

添加API密钥

 

逐步恢复:


所以我遵循的步骤是

  • 转到Google API控制台
  • 创建或选择一个项目
  • 单击继续以启用API和任何相关服务
  • 在“凭据”页面上,获取浏览器密钥(并设置API凭据)
  • 为防止配额被盗,请按照以下最佳做法保护您的API密钥

2.管理位置类别

位置分类。 这些类别可以显示为前端的过滤器,也可以用作菜单项中的预定义参数以加载某些分类位置。
 

类别过滤器前端

 

如果您有很多位置,建议使用类别。
您可以创建类别和子类别。 要创建一个类别,请进入My Maps location> 类别并点击新建

 

类别位置

 

然后,在类别屏幕上,您需要添加标题和父类别,以防您要创建子类别

 

类别父母

 

您还可以使用“标记”选项卡为目录中的位置定义默认标记。

 

标记类别

 

注意:默认情况下会创建一个名为“我的类别”的类别,允许您在安装后直接开始添加位置

3.创建位置

要创建位置,请进入My Maps location> 位置 > 新建

有3个必填字段:

  • 地点名称
  • 地点类别
  • 位置详细信息(地址)      

 

对于地址,您有3个解决方案可将其添加:

  • 使用搜索字段(推荐)
  • 导航到地图上,然后使用光标指向一个位置
  • 填写地址(必须是Google Maps有效)

 

要使用搜索引擎添加位置,请输入要添加的位置的名称。

 

添加位置

 

选择后,纬度和经度字段将自动填写。 我的地图也已与Google地方信息集成! 这意味着您可以搜索商店或在Google地图上注册的其他任何东西,我们的组件将获取所有的地点信息。

 

Google地方

 

 

您还可以在地图上移动并直接放置标记,结果将相同,并且会自动填充纬度和经度。

 

地图点

 

如果您手动填写地址字段和邮政编码,请务必小心,它必须与Google Maps已知地址匹配。

 

地址字段

 

该位置的所有其他信息(描述,小时等)都显示在该位置的详细视图中。

位置详细信息版本中的联系人链接可以为每个位置添加联系人链接,mailto或URL。 在前端,它将有一个联系人按钮,它将打开URL或执行mailto操作。

 

9

 

4.其他位置信息

在每个位置上,您可以添加图像和标记。 

  • 位置图像:图像将在位置的工具提示中以缩略图的形式显示,并在位置详细信息页面上以更大的尺寸显示。
  • 使用类别图标:使用您在我的地图位置的类别字段中放置的图标
  • 标记背景:为您的背景标记选择颜色
  • 标记将在地图上显示为位置标记图标。 在“ My Maps Location扩展程序中还为您的位置提供了一些不错的标记集。
  • 使用自定义链接将通过自定义URL覆盖指向详细位置信息的链接。

 

标记图像位置

 

My Maps location正在使用Joomla本机多语言功能。 您可以在位置类别和位置中定义语言。 在语言切换时,将像其他任何Joomla内容一样对位置进行过滤,以显示语言认可的内容。

 

语言

 

位置描述字段是最重要的字段之一。
它将显示在位置详细信息页面上,并根据主题显示为搜索结果中位置的介绍文字。 更重要的是,描述是一个所见即所得的编辑器,里面装有所有插件,这意味着您可以在其中进行任何操作(图像,视频...)。

 

位置描述

 

这是在位置搜索结果中显示的介绍文字。

 

位置文字结果

 

tag 字段是与 Joomla 相同的标签系统。 您可以添加标签和子标签,然后将其作为过滤器加载到前端。 要管理所有标签,只需加载 Joomla 标签组件: Menu Component > Tags
在前端,根据配置,标签可以显示为复选框(如下所示)或下拉列表。

 

标签过滤器

 

My Maps Location还有其他字段可用于填充元信息(适用于搜索引擎)。

 

元信息

 

5.在前端显示位置

为了在前端显示您的位置,您可以使用:

  • 显示位置搜索引擎,单个位置或位置类别的菜单
  • 显示搜索字段或选择一组位置的模块
  • 编辑器按钮,可在任何编辑器中显示单个或多个位置

从菜单加载位置

从 Joomla 菜单管理器中,添加一个元素并选择“位置搜索和显示”类型。 它将显示带有过滤器的位置搜索引擎。
选择“位置详细信息视图”以显示单个预定义位置。

 

位置菜单

 

如果您选择“位置搜索和显示” ,您有一些显示参数。 有些可能会覆盖默认组件参数。

 

主菜单配置

 

在菜单的主标签中,您可以进行以下设置:

  • 输入地址:您可以强制在页面加载时显示默认地址。 可以留空
  • 距离:锁定搜索的距离,指的是上面的地址。 可以保留为-1(默认值)
  • 类别:加载特定类别的位置
  • 搜索限制:限制搜索结果的数量。 10个只会返回位置搜索的前10个结果
  • 排序:按日期,标题,距离排序搜索结果(默认)

 

mml菜单高级

 

然后,在“ My Maps Location菜单选项卡上,可以进行以下设置:

  • 选择组件: My Maps Location或所有 3rd Jomsocial ,如 K2、 Jomsocial ...
  • 默认类别ID (第三方扩展):使用第三方扩展时加载的默认类别,例如K2,Hikashop或Adsmanager,社区构建者的CB列表ID
  • 子类别位置:也显示为子类别的搜索结果位置,而不仅是上面选择的位置
  • 主题:选择菜单项可用的3个主题的默认主题,全角和搜索和结果显示主题之一。
  • 地图提供者:选择Google Maps,Bing Maps,Mapbox,OpenStreetMap,Baidu或Mapquest来为您的地图设置样式
  • 启用搜索标签:允许使用位置标签名称进行搜索查询
  • 设计:根据地图来源,您有几种地图类型和颜色
  • 地图图层:向地图添加一些数据(图层)。 有KML层,交通层,公交层和骑车层。
  • Google Map Layer Url:使用数据层存储您的自定义数据,或在Google地图上显示GeoJSON数据
  • 必应地图类型:如果必应地图是您的地图提供者,请选择必应地图的外观和数据
  • OpenStreetMap类型:如果OpenStreetMap是您的地图提供者,则可以向地图添加一些数据(图层)
  • 位置工具提示:在地图加载时,位置搜索后会自动打开位置工具提示
  • 地图缩放:在地图上定义默认的缩放级别
  • 地图和搜索结果的宽度和高度选项

 

基于主题的前端显示

 

地图搜索主题

 

单个位置搜索显示的结果:

桥梁水位


使用模块显示位置

My maps location带有2个用于本机位置的模块+其他用于第三方集成的模块(例如显示K2项目位置的模块)

“地图”模块允许您使用与菜单相同的过滤器来显示位置,但要在模块位置。 这些位置将显示为“地图”或“列表”。 您可以选择一组位置或选择位置类别。

 

地图模块

 

My Maps Location地图 - 搜索模块将显示带有一些过滤器的搜索引擎作为选项,例如地图宽度或将在其中搜索位置的组件(仅搜索 K2 位置以获取 axample)。

 

搜索模块

 

前端显示模块:

 

搜索地图前端模块

 

 

使用编辑器按钮显示位置


编辑器按钮将加载到您的 Joomla 编辑器中(通常在文章或 HTML 自定义模块中)。
您将在编辑器底部看到该按钮。 单击后,您会看到一个灯箱,允许您选择一个或多个您之前添加的位置。

 

映射编辑器按钮

 

然后您可以选择一个或某个位置并按下按钮将其添加到您的文章中。
如果您未指定任何缩放级别,它将自动加载以适合您的位置区域。 您将在 WYSIWYG 编辑器中看到的标记代码类似于以下模型: {mymaplocations mapid width height}

例如:{mymaplocation id = 1宽度= 58%高度= 400px缩放= 10 type = google}此代码将显示位置ID = 1的地图,其宽度为58%,高度为400px,缩放10倍,并且为Google类型。 使用逗号在地图中添加多个位置。 例如:{mymaplocation id = 1宽度= 58%高度= 400px缩放= 10 type = google}位置ID = 1、2、3。