[html] view plaincopyprint?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>百度地图API显示多个标注点带提示的代码</title>
<!--css-->
<link href="style/demo.css" rel="stylesheet" type="text/css" />
<!--javascript-->
<script src="scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="scripts/demo.js" type="text/javascript"></script>
</head>
<body>
<div class="demo_main">
<fieldset class="demo_title">
百度地图API显示多个标注点带提示的代码
</fieldset>
<fieldset class="demo_content">
<div style="min-height: 300pxwidth: 100%" id="map">
</div>
<script type="text/javascript">
var markerArr = [
{ title: "名称：广州火车站", point: "113.264531,23.157003", address: "广东省广州市广州火车站", tel: "12306" },
{ title: "名称：广州塔（赤岗塔）", point: "113.330934,23.113401", address: "广东省广州市广州塔（赤岗塔） ", tel: "18500000000" },
{ title: "名称：广州动物园", point: "113.312213,23.147267", address: "广东省广州市广州动物园", tel: "18500000000" },
{ title: "名称：天河公园", point: "113.372867,23.134274", address: "广东省广州市天河公园", tel: "18500000000" }
]
function map_init() {
var map = new BMap.Map("map")// 创建Map实例
var point = new BMap.Point(113.312213, 23.147267)//地图中心点，广州市
map.centerAndZoom(point, 13)// 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom(true)//启用滚轮放大缩小
//向地图中添加缩放控件
var ctrlNav = new window.BMap.NavigationControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
type: BMAP_NAVIGATION_CONTROL_LARGE
})
map.addControl(ctrlNav)
//向地图中添加缩略图控件
var ctrlOve = new window.BMap.OverviewMapControl({
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
isOpen: 1
})
map.addControl(ctrlOve)
//向地图中添加比例尺控件
var ctrlSca = new window.BMap.ScaleControl({
anchor: BMAP_ANCHOR_BOTTOM_LEFT
})
map.addControl(ctrlSca)
var point = new Array()//存放标注点经纬信息的数组
var marker = new Array()//存放标注点对象的数组
var info = new Array()//存放提示信息窗口对象的数组
for (var i = 0i <markerArr.lengthi++) {
var p0 = markerArr[i].point.split(",")[0]//
var p1 = markerArr[i].point.split(",")[1]//按照原数组的point格式将地图点坐标的经纬度分别提出来
point[i] = new window.BMap.Point(p0, p1)//循环生成新的地图点
marker[i] = new window.BMap.Marker(point[i])//按照地图点坐标生成标记
map.addOverlay(marker[i])
marker[i].setAnimation(BMAP_ANIMATION_BOUNCE)//跳动的动画
var label = new window.BMap.Label(markerArr[i].title, { offset: new window.BMap.Size(20, -10) })
marker[i].setLabel(label)
info[i] = new window.BMap.InfoWindow("<p style=’font-size:12pxlineheight:1.8em’>" + markerArr[i].title + "</br>地址：" + markerArr[i].address + "</br>电话：" + markerArr[i].tel + "</br></p>")// 创建信息窗口对象
}
marker[0].addEventListener("mouseover", function () {
this.openInfoWindow(info[0])
})
marker[1].addEventListener("mouseover", function () {
this.openInfoWindow(info[1])
})
marker[2].addEventListener("mouseover", function () {
this.openInfoWindow(info[2])
})
}
//异步调用百度js
function map_load() {
var load = document.createElement("script")
load.src = "http://api.map.baidu.com/api?v=1.4&callback=map_init"
document.body.appendChild(load)
}
window.onload = map_load
</script>
</fieldset>
</div>
</body>
</html>
1、用JS定义一个图片数组，里面存放你想要随机展示的图片2、用JS产生一个随机数，当然这个随机数从0开始到imgArr.length-1结束
代码如下:
var index =parseInt(Math.random()*(imgArr.length-1))
就得到当前随机产生的图片
代码如下:
var currentImage=imgArr[index]
3、既然随机产生了一张背景图，那就用JS把这个图片作为背景图。
代码如下:
document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")"
由于这是一个demo，所以在页面上定义了一个id为BackgroundArea的div，同时也是为这个div设置随机背景的。
代码如下:
<div id="BackgroundArea">
</div>
其实这只是一个插件 去下PlugY PlugY 安装说明： 1、解压到你的暗黑目录！ 2、正版用户执行plugy.exe启动游戏即可！ 3、D版用户执行patchd2gfxdll.exe安装！ 用你原来的游戏快捷方式运行游戏即可！ 功能说明： 1、无限存储箱（4,294,967,296页） 2、共享存储箱（4,294,967,296页） 3、可以使用天梯符文之语 4、可以激活天梯任务 5、杀了地牛之母，仍然可以进入奶牛关 6、可以洗点（技能和属性） 7、多语种选择 8、可以在单机上使用随机地图 9、自动加载多人模式 10、增加人物属性显示页面 11、显示物品等级 12、显示精确游戏版本 13、10×10箱子 14、变更游戏存档路径 15、显示生命和魔法值 16、可以读取Excel编辑过的文件 17、显示当前真实状态 18、支持语言版本：英、法、德、意、西班牙、波兰 新增特色： 1、安装简便（新的安装方式） 2、杀了地牛之母，仍然可以进入奶牛关 3、显示精确游戏版本（可以显示1.09d或1.11b） 4、MOD制作者可以使用游戏程序中预留的技能按钮 5、修正了1.11中遇到金怪跳出的问题 6、修正了MOD中洗点丢点的问题 7、多玩家模式：当玩家意外退出仍然可以存档 8、修正了“加载内存失败”的问题 设置说明： StatPerLevelUp=5 升级属性点 [SKILLS POINTS] [技能点] ActiveSkillsUnassignment=1 激活技能点重分配 [SKILL ON LEVEL UP] [升级技能点] ActiveSkillPerLevelUp=0 激活修改升级技能点 SkillPerLevelUp=1 升级技能点 [WORLD EVENT] [国度事件] ActiveWorldEvent=1 激活国度事件 ShowCounterInAllDifficulty=0 在所有难度显示计数器 ItemsToSell=The Stone of Jordan 触发道具(Stone of Jordan) MonsterID=333 怪物代码(Diablo Clone) OwnSOJSoldChargeFor=100 自己贩卖SOJ的数值 InititalSOJSoldMin=200 默认最小贩卖数 InititalSOJSoldMax=3000 默认最大贩卖数 TriggerAtEachSOJSoldMin=75 触发国度事件的SOJ最小数值 TriggerAtEachSOJSoldMax=125 触发国度事件的SOJ最大数值 ActiveAutoSell=1 激活让游戏自动贩卖 TimeBeforeAutoSellMin=0 自动贩卖最小时间 TimeBeforeAutoSellMax=1200 自动贩卖最大时间 [UBER QUEST] [终级任务] ActiveUberQuest=1 激活终级任务 [INTERFACE] [界面] ActiveNewStatsInterface=1 激活新的属性点界面 SelectMainPageOnOpenning=1 开启时选择主页面 [EXTRA] [额外] ActiveLaunchAnyNumberOfLOD=1 激活启动任意数量游戏 AlwaysRegenMapInSP=0 单人游戏始终重组地图 NBPlayersByDefault=0 设置默认玩家个数 ActiveDisplayItemLevel=1 激活显示物品等级 AlwaysDisplayLifeAndManaValues=0 始终显示Life和Mana值 EnabledTXTFilesWhenMSExcelOpenIt=1 开启MSExcel打开的TXT文件 ActiveLadderRunewords=1 激活天梯神符之语
