写文章
做梦都在学
2016-09-14 14:05

简单100倍的google地图制作方式,可多个地址

大家按照课程来设置google map的时候是不是经常出现Oops! Something went wrong.

其实可以用google的地图功能来实现,前提是你必须有一个google的账号。在登陆你账号的状态下打开google,浏览器右上角是不是有显示你的账号?点击那个九宫格一样的东东,会出现以下界面:

map.png

点击地图,然后进入My Maps,点击创建新地图,开始制作地图。

点击添加图层,在搜索框里面输入你要搜索的地址,然后就生成了一个未命名的图层。

map3.png

如果你的公司只有一个地址。到这里地点添加就已经完成。你可以给图层取个名字方便以后管理。

如果还需要继续添加地址,只需要在搜索框里面输入第二个地点,然后左边出现以下界面:

map2.png

鼠标放在绿色图标上面,右侧会出现一个“+”的符号,点击+就把这个新地址也加进去你的地图了。以此类推,用这个方法可以继续添加地址。

接下来就点击预览进入预览界面,点击共享按钮:

map4.png

选择最后那个,会出现一段代码,复制这段代码。(如果是第一次制作地图,google会弹出一个对话框要求你给地图起个名字,我这里是用公司名的简称)。默认情况下这个地图只有你本人可见,所以你点击分享的时候google会弹出一个对话框,要求你把地图权限改为所有人共享,你点击选择所有人共享就可以了。

回到你的wordpress建站后台的contact us页面,在text状态下把代码粘贴进去。

代码里面有个参数width="600" height="480",我们可以调整参数,比如常用的全屏地图可以改成 width="1920" height="450"

然后点击visual就可以看到地图啦,不放心可以先preview,没问题再发布.

我是中文状态下制作的。找来找去没找到英文状态的,有好建议欢迎留言。

第一次发精华帖,有点啰嗦,求点赞!点赞!点赞!

举报
收藏
转发
0/500
添加表情
评论
评论 (14)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示