百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular
补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）
float:rightwidth:163px
height:105px
margin-right:0
margin-top:0
background-image:url(images/t_06.jpg)}#right a{position:absolute
display:block
width:108px
height:26px}#right a:hover{
border:1px solid #ffcc00
}/*定义hover时的样式*/
#right .one a{top:10pxright:110px
} /* 第一个热点链接位置的*/
#right .two a{top:40pxright:110px
}/* 第二个热点链接位置的*/
#right .three a{top:70pxright:110px
}/* 第二个热点链接位置的*/
在html中加入以下<body<div id="top"
<li id="right"<ul<li class= "one " <a href= "# " 第一个热点</a </li
<li class= "two " <a href= "# " 第二个热点</a </li
<li class= "three " <a href= "# "第三个热点 </a </li</ul</li</div</body
注：top是整个页面上部分的定义，这个是接上面的一部分，主要是讲解添加热点。在网站制作的过程中是很使用的一块，可以根据情况做些改动。
教你如何将CSGO地图转化成CSS地图，实现它需要一定的地图制作基础，以下是全文内容：还记的上次发帖满世界找起源的csgo的图，求人不如自己动手，这里只讲方法不提供地图下载
1.maps 用bspsrc反编译csgo地图为source2004-2009的vmf，也就是能导入到css的hammer中去
2.GCFscape 解压csgo的vpk文件
3.models 不能直接用在起源里，这里用个批处理，不然成百上千的模型文件手动改，手都费了
FOR /R %%a IN ("*.dx80.vtx") DO del "%%a"
FOR /R %%a IN ("*.dx90.vtx") DO del "%%a"
FOR /R %%a IN ("*.sw.vtx") DO del "%%a"
FOR /R %%a IN ("*.vtx") DO copy "%%a" "%%~dpa%%~na.dx80.vtx"
FOR /R %%a IN ("*.vtx") DO copy "%%a" "%%~dpa%%~na.dx90.vtx"
FOR /R %%a IN ("*.vtx") DO copy "%%a" "%%~dpa%%~na.sw.vtx"
FOR /R %%a IN ("*.dx80.dx90.sw.vtx") DO del "%%a"
FOR /R %%a IN ("*.dx80.dx90.vtx") DO del "%%a"
FOR /R %%a IN ("*.dx80.sw.vtx") DO del "%%a"
FOR /R %%a IN ("*.dx90.sw.vtx") DO del "%%a"
放在模型根目录运行，有点dos基础就知道是什么意思
4.Notepad++ 用Notepad++批量转换mdl文件吧前5字节IDST1替换为IDST0，完毕，可以放入起源用了
5.VTFEdit 用VTFEdit批量转换所有的vtf材质文件，这个过程比较漫长，可能使我电脑部给力，由csgo的vtf7.5转换为起源能用的7.2
6.OK准备工作完毕，导入起源的hammer中编辑，编译出地图吧
