做网站知识

如何在网站上调用谷歌地图来展示公司地址

新闻资讯 发布时间2017.12.4.浏览数:372

【如何在网站上调用谷歌地图来展示公司地址】 第一种:不能显示自定义信息内容的。 打开map.google.com,输入自己所在的详细地址信息,然后点击下图中的那个链接图标。 复制对话框“粘贴 HTML 以便嵌入到网站”下面的代码到自己网站上即可,当然,在这里你也可以自定义地图的大小。 ......增城新塘做网站www.appwebui.com三行网络公司为您详细介绍 - 请往下阅读》

如何在网站上调用谷歌地图来展示公司地址

第一种:不能显示自定义信息内容的。

打开map.google.com,输入自己所在的详细地址信息,然后点击下图中的那个链接图标。

复制对话框“粘贴 HTML 以便嵌入到网站”下面的代码到自己网站上即可,当然,在这里你也可以自定义地图的大小。

第二种:可以自定义显示信息内容

最上面的实例用的就是这种方法,大家可以下载我们制作好的地图模板,下载http://www.dhakachinesehotel.com/googlemap.htm,或是打开后右键查看源代码,将所有源代码复制保存下来,黏贴到dw等网页编辑工具中去,然后修改里面的文字内容即可。

需要注意的是,由于地图编码是utf8的,复制到文本里面中文会显示乱码。

好了,保存这个页面为“googlemap.htm”然后上传到自己空间的根目录下。

在我们需要调用地图的地方,插入以下代码:

<iframe src="http://www.dhakachinesehotel.com/googlemap.htm" frameBorder=0 height=450 width=600 scrolling=no></iframe>

height=450指的是地图的高度;width=600指的是地图的宽度,这个根据实际地图大小来修改,googlemap.htm里面有地图的大小。

将http://www.dhakachinesehotel.com替换成自己的域名即可。

第二种方法需要有一些网页制作的基础知识,如果你嫌太麻烦的话,可以联系三行网络的客服,我们将迅速帮您处理好。

专业做网站公司选三行网络—— “匠心精琢、凝聚经典”是三行网络公司的设计理念,每一件作品无不是三行网络公司设计团队的倾力倾心之作。无论策划、创意还是视觉设计,三行网络公司设计团队均力求完美,而这样的完美不仅是视觉的享受,更是商业价值、品牌理念与视觉的共荣之作!
《如何在网站上调用谷歌地图来展示公司地址》此文由三行网络公司原创,转载请保留原文链接,谢谢!

【关键词标签】如何在网站上调用谷歌地图来展示公司地址    (PC+手机)响应式网站建设

做网站热线/微信:15989229398


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 2008-2019 广州三行网络科技有限公司
粤ICP备案号:09210325