html,css怎么做一个可以区域划分的地图？

有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求。当然，高德地图貌似也有，你可以去看看。

百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular

补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）

行者离线地图使用方法：

行者目前同时支持百度地图和高德地图，可以在行者程序里任意切换。

根据大家的反馈来看，行者里使用百度地图更加稳定一些。

行者内置

百度地图

高德地图

行者内置下载百度离线地图：打开行者(0.9.5及以上版本)，找到 "设置->离线地图" 即可方便的下载。

这是最简单的方式，此种方式适合连接WiFi或手机上网流量多的用户。

此种方式适合无WiFi或手机上网流量不多的用户，这一种方式下载的百度离线包和内置方式下载的百度离线包是完全一样的。

1 打开网址：http://shouji.baidu.com/map/map.html

2 选择你的手机品牌和手机型号， 选择城市，然后点击下载。

3 解压缩下载的zip文件。

4

找到vmp文件夹，把它拷贝到手机SD卡的BaiduMapSDK文件夹里。如果你的手机SD卡上没有BaiduMapSDK，需要先创建它。

在上述过程中如遇提示“是否移动或复制文件夹”，点击“是”即可。最终手机上的正确的路径为/sdcard/BaiduMapSDK/vmp/

5 完成，现在重启行者，关掉网络，看能不能浏览离线地图。

1 打开网址：http://www.amap.com/2D.html（某些手机上无法打开这个网址，需要在电脑上打开）

2 下载所需省份或城市的离线地图数据包，或者下载包含全部城市的全国离线地图包。

3 在电脑上解压缩，如下图所示（以北京为例）：

4 将解压得到的文件夹复制到手机SD卡的 Amap\mini_mapv2\vmap

文件夹下。

如果没有这个文件夹，可以在SD卡根目录下手动创建；如果复制时提示覆盖，选择覆盖即可。

某些手机如果离线地图放在外置SD卡上不能使用，可以尝试在内置卡里创建以上目录，然后把离线地图放在内置卡里。

5 重启手机。

6

手机重启后，先开启网络。打开行者，进入地图界面，拖动地图到你下载的离线地图的城市，确保可以在线浏览地图。

注：如果你下载的是上海的离线地图，此时就要拖动地图到上海。

7

完成，现在关掉网络，重启行者程序，拖动地图到相应位置，看能不能浏览离线地图。

希望能给予帮助！

打开网页http://wuxian.baidu.com/map/newnav.html，下载离线包；

1先下载您所需要的导航数据包

2找到SD卡内的BaiduMap文件夹，双击进入

3找到BaiduMap/bnav文件夹，双击进入

4将导航资源包中的navi和vmap子目录复制到手机SD卡的BaiduMap/bnav目录下即可。

---