大家按照课程来设置google map的时候是不是经常出现Oops! Something went wrong.
其实可以用google的地图功能来实现,前提是你必须有一个google的账号。在登陆你账号的状态下打开google,浏览器右上角是不是有显示你的账号?点击那个九宫格一样的东东,会出现以下界面:
点击地图,然后进入My Maps,点击创建新地图,开始制作地图。
点击添加图层,在搜索框里面输入你要搜索的地址,然后就生成了一个未命名的图层。
如果你的公司只有一个地址。到这里地点添加就已经完成。你可以给图层取个名字方便以后管理。
如果还需要继续添加地址,只需要在搜索框里面输入第二个地点,然后左边出现以下界面:
鼠标放在绿色图标上面,右侧会出现一个“+”的符号,点击+就把这个新地址也加进去你的地图了。以此类推,用这个方法可以继续添加地址。
接下来就点击预览进入预览界面,点击共享按钮:
选择最后那个,会出现一段代码,复制这段代码。(如果是第一次制作地图,google会弹出一个对话框要求你给地图起个名字,我这里是用公司名的简称)。默认情况下这个地图只有你本人可见,所以你点击分享的时候google会弹出一个对话框,要求你把地图权限改为所有人共享,你点击选择所有人共享就可以了。
回到你的wordpress建站后台的contact us页面,在text状态下把代码粘贴进去。
代码里面有个参数width="600" height="480",我们可以调整参数,比如常用的全屏地图可以改成 width="1920" height="450"
然后点击visual就可以看到地图啦,不放心可以先preview,没问题再发布.
我是中文状态下制作的。找来找去没找到英文状态的,有好建议欢迎留言。
第一次发精华帖,有点啰嗦,求点赞!点赞!点赞!
分享至微信