做网站知识

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

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

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

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

打开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/手机/微信三合一网站开发,响应式网站设计,外贸网站建设,域名企业邮箱、云主机、空间服务器租用等一站式网站建设解决方案。朔造企业品牌形象,建站技术与时俱进,为您打造营销力强的企业官网!

此文《如何在网站上调用谷歌地图来展示公司地址》由三行网络公司原创,转载请保留原文链接,谢谢!
关键词标签:如何在网站上调用谷歌地图来展示公司地址    (PC+手机)响应式网站建设

做网站热线/微信:15989229398


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