time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > 其它JS框架 > 【百度地图API】——国内首款团购网站的地图插件

【百度地图API】——国内首款团购网站的地图插件

时间:2011-04-12 22:44 点击:2001次 字体:[ ]




摘要:

  本文介绍了一款应用在团购网站上的地图插件,适用于目前非常流行的团购网站。使用这款地图插件,无需任何编程技术,你就把商家的位置轻松地标注在地图上。

【百度地图API】——国内首款团购网站的地图插件_www.fengfly.com

前台地址

http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/user.html 

后台地址

http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/admin.html

---------------------------------------------------------------------------------------------------------

团购网站地图插件使用说明: 

前台用户浏览页面: 

1、首先要在页面中放一个DOM容器

例如:

 

<div id="BAIDUMAPCONTENT"></div>

 

2、在页面的最下方(</body>后</html>前)加上下面的脚本 

 

<script type="text/javascript">

//需要展示地图的元素ID

var BAIDUMAPCONTENT = "BAIDUMAPCONTENT";

//地图上需要展示的点信息

var BAIDUPOINTS = [{"name":"麻辣诱惑(十里堡店)新开张中新开张中","address":"北京市朝阳区十里堡甲3号都会国际A座2(华堂商场西)","tel":"(010)65579989","point":"116.510133,39.923652","citycode":131}];

</script>

<script type="text/javascript" src="http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/js/user.js"></script>

 

 3、这时候浏览页面就会在页面上创建出一个小地图来

详细说明:

步骤2中,两个变量必须提供且名字不能改,值可以改;

 

var BAIDUMAPCONTENT = "BAIDUMAPCONTENT";

 

这个变量的值为1中DOM容器的ID,可以更改,但要跟DOM容器的ID保持一致,并且保证DOM容器存在

 

var BAIDUPOINTS = [{"name":"麻辣诱惑(十里堡店)新开张中新开张中","address":"北京市朝阳区十里堡甲3号都会国际A座2(华堂商场西)","tel":"(010)65579989","point":"116.510133,39.923652","citycode":131}];

 



本文地址 : http://www.fengfly.com/plus/view-197868-1.html
标签: 百度地图API 地图插件
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: