Avada学习之-如何加入谷歌地图

news2024/11/21 1:26:37

如何正确设置谷歌地图

在给Wordpress网站配置谷歌地图时,常常会出现谷歌地图无法显示的问题。具体提示为Oops! something went wrong,如下图。出现这种问题有如下原因。

内容  隐藏 

一、地址不正确

二、API 没填

三、插件冲突

一、地址不正确

很多公司的地址在谷歌地图上是搜不到的,只有在谷歌地图上能够搜到的地图才可以展示出来。在网站上写地址基本上会精确到门牌号,精确到具体某条路,这个很多是搜不到的。如果实在想要展示出来具体到某条路某个门牌号的话,建议自行到谷歌地图上去添加你的地址,这样也就可以搜到了。大部分人会选择比较省力的方法,也就是把具体的某条路,门牌号删掉,这样就可以展示出来了。

例如如下的地址:

修改前:No.221 Weiershi Rd , Yueqing economic development zone , Wenzhou, China (不能展示)

修改后:Yueqing economic development zone , Wenzhou, zhejiang China (可以展示)

另外一个就是很多人喜欢在地址后面加上邮编,如这样: Yueqing economic development zone , Wenzhou, China 325600

这样谷歌也是识别不出来的,要把邮编去掉。

二、API 没填

如果想要使用谷歌地图功能,就必须先填写API。API没填的话,是无法使用谷歌地图功能的。API申请需要到谷歌API中心去申请,也很简单,在申请之前保证你的谷歌账号已经登陆。

点击这里 进入API申请页面,你可以看到如下页面。

点击GET A KEY,进入到获取API的页面,选择My project,点击ENABLE API。

正在上传…重新上传取消这样API就申请成功了,把下面的API copy 到你的网站就可以。

一般API设置到这里就完成了,如果你想要更加安全的话,可以在指定这个API仅能供你的网站使用。这需要到 Google Api Console里面进行设置,点击这里设置API。

如下图,选择My project, 点击继续。

在下面的为项目添加凭据的选择中,不要动,直接点击我需要哪些凭据,系统就会自动跳出来你的凭据。

这里我设置了两个API,你不用管,直接点击完成即可。

这样系统就跳转到API Key 的管理页面。如果你有多个网站,就可以创建多个API Key。有感叹号的API Key就是没有设置制定网站才可以使用的API key,你可以点击修改。

你可以对API进行修改,在应用限制那里选择http 引荐来源,然后再下面的空格地方输入你的网站域名,点击保存,你的api就设置完成了。

 

一般付费主题都会提供google api的接口,这里以avada主题为例。进入avada的主题设置区(theme option),在搜索栏搜索google,Google map的功能设置区就出来了。

 

你把刚才的API copy 到里面,再把地址填进去就可以了。

这样设置就基本完成,你想要在哪个地方添加地图功能,就添加,再把地址输进去就可以展示出来了。

三、插件冲突

如果上面两步都没有出错,那么可能是谷歌的JS跟你的插件相冲突了,选择你所有的插件,然后停用他们。这个时候刷新谷歌地图页面,地图就显示出来了。

这个时候你再一个插件一个插件的激活使用,每激活一个插件就刷新下地图页面,看看地图能否正常使用。当激活到某个页面时,地图不能使用,证明就是这个插件不兼容地图了。

一般这种插件都是缓存加速插件,所以如果网站出现展示异常,首先要考虑的是缓存加速插件可能冲突,停用缓存插件试试。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/540924.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

iOS正确获取图片参数深入探究及CGImageRef的使用

一 图片参数的正确获取 先拿一张图片作为测试使用 图片参数如下: 图片的尺寸为: -宽1236个像素点 -高748个像素点 -色彩空间为RGB -描述文件为彩色LCD -带有Alpha通道 请记住这几个参数,待会儿我们演示如何正确获取。 将这张图片分别放在…

光纤衰减器作用及使用说明

在光纤通信中,光信号的强度过大或过小都会对信号的传输和接收产生不良的影响,因此光衰减器在光通信系统中起到了重要的作用。那什么是光衰减器呢?它又有什么作用呢?下面跟着小易一起来了解一下吧! 一、什么是光纤衰减…

APP自动化测试工具的作用和特点

随着移动应用的迅速发展,APP的自动化测试工具变得越来越重要。APP自动化测试工具可以帮助开发者在应用程序的不同平台上执行测试,从而检测和确保应用程序的完整性、稳定性和可靠性。下面将介绍APP自动化测试工具的作用和特点。 一、作用 提高测试效率&am…

Android自定义控件——控件的测量和绘制

控件的测量和绘制 控件架构setContentView()MeasureSpecViewView的测量View的绘制 ViewGroupViewGroup的测量ViewGroup的绘制 自定义View对现有控件进行扩展案例一:添加背景案例二:文字闪动 创建复合控件重写View实现全新控件案例一:弧线展示…

FLEXPART--空气块轨迹-扩散模式

模式简介: FLEXPART(Flexible Particle Dispersion Model)模式是由挪威大气研究所(Norwegian Institute for Air Research)和德国慕尼黑工业大学(Technical University of Munich)联合开发的空气块轨迹-扩散模式, 其通过计算区域内所有气块的运动轨迹进…

PLE - 多任务模型(腾讯)

文章目录 1、动机2、模型结构3、代码实现细节: Progressive Layered Extraction (PLE): A Novel Multi-Task Learning (MTL) Model for Personalized Recommendations论文发表在 RecSys-2020, best paper。ple主要缓解了mtl里两大问题:负迁移…

如何在海量、庞杂、混合的数据中发现价值?

数字时代,数据上升为国家战略,数据成为重要的生产要素和资产,得到了越来越多企业的重视,也成为企业数字化转型的重要抓手。据IDC中国预测,2025年中国大数据生产量有望增长至48.6ZB。 随着越来越大的数据量&#xff0c…

【C++从0到王者】第六站:类和对象(下)

文章目录 一、再谈构造函数1.构造函数体赋值2.初始化列表1>初始化列表的使用2>初始化列表的注意事项 3.explicit关键词 二、static成员1.如何统计当前程序中变量的个数2.static的特性3.从1加到n4.设计一个类,只能在栈或者堆上开辟空间 三、友元1.友元函数2.友…

一个简化、落地的实时数据仓库解决方案

从传统的经验来讲,数据仓库有一个很重要的功能是记录数据变化历史。通常,数据仓库都希望从业务上线的第一天开始有数据,然后一直记录到现在。但实时处理技术,又是强调当前处理状态的一门技术,所以当这两个相互对立的方…

聚合数据证件识别接口-基于PHP示例代码

1、开通接口 以下代码示例基于聚合数据提供的证件识别接口,使用前需要先注册申请本接口,获得请求密钥key。 接口文档地址:https://www.juhe.cn/docs/api/id/153 2、功能介绍 通过自动识别的方式获取常规证件文字内容,免去用户…

react函数式组件转化为string---renderToString

需求 使用aggrid的过程中,某个自定义的图标需要传dom的字符串。 但在react的开发中,一般都是组件的概念(ReactNode,JSX.Element) 因此需要一个方法将dom组件转化为字符串 收获 找到了官网的API——renderToString 作…

虚拟主机部署ssl证书(https)流程

注意事项: 1、域名要做别名解析指向二级域名 2、证书已经申请完成,其他公司的证书要下载导入到西部数码。 虚拟主机部署教程如下: 部署证书 首先要将域名绑定到主机上,在主机控制面板找到【SSL部署】按钮。 在西部数码申请过证…

FFmpeg 媒体文件播放 格式变化流程简述

例如,要播放一个 MP4 文件,这个文件要经过啥呢? 一个 MP4 文件中包含了:视频压缩数据流(如H.264、H.265)和音频压缩数据(如aac、MP3) 首先需要经过解码成为原始数据,视频…

数据库原理及应用上机实验一

✨作者:命运之光 ✨专栏:数据库原理及应用上机实验报告整理 目录 ✨一、实验目的和要求 ✨二、实验内容与步骤 🍓🍓前言: 数据库原理及应用上机实验报告的一个简单整理后期还会不断完善🍓🍓…

HarmonyOS低代码开发-创建新工程方式

使用低代码开发应用或服务有以下两种开发方式: 创建一个支持低代码开发的新工程,开发应用或服务的UI界面。在已有工程中,创建Visual文件来开发应用或服务的UI界面。ArkTS工程和JS工程使用低代码的步骤相同,接下来以JS工程为例讲解…

Web自动化框架中验证码识别处理全攻略,自动化测试神器,让测试更得心应手。

目录 前言: 一. Web自动化测试框架搭建 1. 选择一个自动化测试工具 2. 安装环境 3. 初始化一个Selenium驱动 二. 添加自动化测试用例 1. 编写测试脚本 2. 运行测试脚本 三. 验证码识别与处理 1. 验证码种类 2. 验证码处理方式 四. 结语 Web自动化测试&#…

指针不可怕,请爱它呵护它(狗头)

🤩本文作者:大家好,我是paper jie,感谢你阅读本文,欢迎一建三连哦。 🥰内容专栏:这里是《C知识系统分享》专栏,笔者用重金(时间和精力)打造,基础知识一网打尽&#xff0c…

opencv_c++学习(十一)

一、绘制基础图形 绘制直线: line(InputOutputArray img. Point pt1, Point pt2, const Scalar & color, int thickness 1,llineType int LINE_8, int shift 0pt1:直线起始点在图像中的坐标。 pt2:直线终点在图像中的坐标。 color:直线的颜色,…

《2023新一代数字办公白皮书》正式发布!| 爱分析报告

2023年5月12日,受北京市数字办公安全创新联合体委托,由自主可控新鲜事和爱分析联合撰写的《2023新一代数字办公白皮书》(以下简称《白皮书》)在“2023通明湖论坛 信创基础底座创新发展分论坛”上正式发布。 《白皮书》详细阐述了新…

box的符号距离函数

序 能用解析的方法算的,叫符号距离函数。只能数值解的,叫符号距离场。 它就是横平竖直的几个平面,点到平面的距离是很好算的。 初步认识 有个网页,可以玩一玩: About | Physics Simulation in Visual Computing (…