主机格调

企业网站一般都会有个“联系我们”,或者“公司地址”这一栏。里面一般都是文字介绍公司地址、电话以及其他,再了不起就是截Google地图里的图片做特殊标明一下。之前看过分类网站和公交线路网站,里面的地图都是动态的,直接连接到百度地图或者Google地图里,所以我也想把这个放到公司网站里面去。网上搜索了下,都介绍得不怎么好,而且还要修改代码,超级麻烦,所以我摸索了一下我的方法,写个教程给后来人(特别是Google地图的方法)。

Google地图

DEMO

首先打开Google地图链接http://ditu.google.cn/,然后搜索你公司的地址,我这里就举例“天安门”。放大缩小到最佳位置,点击右上角的“分享链接”

利用百度地图API、Google地图API创建网站动态地图

弹出一个小框框后,点击“自定义并预览内嵌的地图”

利用百度地图API、Google地图API创建网站动态地图

新打开一个网页,选择你要的尺寸,也可以自定义大小

利用百度地图API、Google地图API创建网站动态地图

配置好后,最下面有最终的代码,复制全部代码到你的网页,搞定。

利用百度地图API、Google地图API创建网站动态地图

百度地图

DEMO

打开创建百度地图网址http://openapi.baidu.com/map/createMap.html,填写你公司的地址,点“查找”。注意,“当前地图级别”的参数是控制地图放大缩小的,也可以在地图里双击等等操作。

利用百度地图API、Google地图API创建网站动态地图

设置地图的大小,以及其他参数。不过建议除了地图大小,其他都默认吧。

利用百度地图API、Google地图API创建网站动态地图

添加标注,就是让你公司在地图里更醒目一点。

利用百度地图API、Google地图API创建网站动态地图

配置好后,点击网页最下面的“获取代码”按钮,复制里面的相关代码到你的网页上,搞定。

>>原创文章,欢迎转载。转载请注明:转载自西门的后花园,谢谢!
>>原文链接地址:http://ons.me/291.html