QQ咨询
服务热线
服务热线:0512-66653835
TOP

在网站上调用谷歌地图来展示公司地址及相关信

发布时间:2015-09-02 浏览:950

    今天,骐云科技的国外客户“孟加拉达卡华人宾馆”想在网站上放上谷歌的地图,用来展示宾馆所在的地址以及宾馆的相关联系信息。因为之前调用过百度地图,想着谷歌的功能不比百度差,所以应该也能调用,于是研究了一下,还真成功了,现在将调用的方法公布如下,大家也可以根据本教程来制作属于自己的谷歌地图放在网站上。
    先看实例:
http://www.dhakachinesehotel.com/page/html/company.php
    这个页面的下方就是调用的谷歌地图,调用的方法有两种,一种是可以增加自定义信息内容,一种是不能增加,只能显示公司的地理位置。
    第一种:不能显示自定义信息内容的。
    打开map.google.com,输入自己所在的详细地址信息,然后点击下图中的那个链接图标。
01.jpg
    点击后,会弹出这个对话框,如图:
02.jpg
    复制对话框“粘贴 HTML 以便嵌入到网站”下面的代码到自己网站上即可,当然,在这里你也可以自定义地图的大小。
    第二种:可以自定义显示信息内容
    最上面的实例用的就是这种方法,大家可以下载我们制作好的地图模板,下载http://www.dhakachinesehotel.com/googlemap.htm,或是打开后右键查看源代码,将所有源代码复制保存下来,黏贴到dw等网页编辑工具中去,然后修改里面的文字内容即可。
    需要注意的是,由于地图编码是utf8的,复制到文本里面中文会显示乱码。
    好了,保存这个页面为“googlemap.htm”然后上传到自己空间的根目录下。
    在我们需要调用地图的地方,插入以下代码:
   
    height=450指的是地图的高度;width=600指的是地图的宽度,这个根据实际地图大小来修改,googlemap.htm里面有地图的大小。
    将http://www.dhakachinesehotel.com替换成自己的域名即可。
    第二种方法需要有一些网页制作的基础知识,如果你嫌太麻烦的话,可以联系骐云科技的客服,我们将迅速帮您处理好。
    最后,祝愿大家生意兴隆,财源广进。