西门的后花园

一个热爱网络的年轻人的博客

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

企业网站一般都会有个“联系我们”,或者“公司地址”这一栏。里面一般都是文字介绍公司地址、电话以及其他,再了不起就是截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创建网站动态地图

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

评论列表

  1. 不错不错~~~

  2. 对于个人而言确实没啥用

  3. 对于企业站来说有利有弊吧,如果客户网速不给力,等个半天都刷不出来就杯具了~~

  4. 💡 我个人网站用行不/

  5. 真是不错的功能.

  6. 呵呵,很详细!学习了!

  7. 我觉得个人博客如果要弄,可以结合google纵横,呵呵

  8. 地图在博客上用的还真不多。

  9. 这个挺好玩的哈、

  10. 两者我更倾向于google地图

  11. 呵呵 喜欢google的地图

  12. 不错的分享,学习!

  13. 好东西啊,那天用用看 😛 😛 😎 😎

  14. 企业网站就很有必要 了

  15. 过来看看了,支持博主来了,谢谢分享啊

  16. 很实用的教程,我喜欢 😮

  17. 我决定用在我的个人博客上,o(∩_∩)o 哈哈~用来自我介绍。

  18. 不错,挺实用的教程,感谢分享

  19. 这个以前也用过,哈哈。

  20. 百度的地图还是别用了。。

  21. 下次去玩下。谢谢分享哈~!

  22. 结合Google纵横就成了人肉工具了

  23. 这篇文章一定要看。。。不错,支持一下

  24. 😆 准备入手

发表评论

分类目录