电脑技术学习

ECMS集成Google地图

dn001

案例:网站集成google地图
作者:知行网络
附件:map.php
ECMS版本:任意版本

操作指引:
==========================
1.将本例提供的文件map.php复制到网站目录(如无特殊需要,此文件不要修改).

2.在模型建立一个设置地图标记的字段,例如:map(google地图标记)

3.在需要显示地图的内容页模板,加入如下代码:

<!--Google地图插件代码开始-->
<script src="http://ditu.google.cn/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAkgfk7yF4nRehj5OEMxT8UBR-8oCG045v5Zu9z-C7yfkYksW3lhTillsZvHd3anjTYg9gWyf1nDBe8w&hl=zh-CN";;charset="utf-8" type="text/javascript"></script>
<script type="text/javascript" src="[!--news.url--]map.php?marker=[!--map--]"></script>
<!--Google地图插件代码结束-->


填写你自己网站的密钥(key),前提是您已经拥有了google地图的密钥(key),密钥(key)只可以用于你申请时所提交的网址.
Google地图密钥的申请网址(需要登陆google帐号申请):
http://code.google.com/intl/zh-CN/apis/maps/signup.html
注:上面的marker参数是你要在地图上查找的地点名称,例如"重庆市文化宫",本例我们以第1步新建的map字段的值作为marker.

4.在内容页需要显示地图的位置加上如下代码:

<!--google地图区域-->
<div id="mymap" style="width:500px; height: 300px"></div>


注:你可以自行设置显示的宽度和高度.

5.以上步骤就是集成的全过程,添加一条记录试试看?

ECMS集成Google地图.rar
文件类型: .rar b3a3a8dd0b4d9a1bab0a14007f725ede.rar(1.55 KB)

标签: