# offline_map_2.0

**Repository Path**: sun_dongdong/offline_map_2.0

## Basic Information

- **Project Name**: offline_map_2.0
- **Description**: 百度离线地图2.0
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-11-20
- **Last Updated**: 2022-03-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# offline_map_2.0

#### 介绍
百度离线地图2.0

#### 软件架构
新增：
1）支持显示卫星混合地图，瓦片图放到 tiles_hybrid 目录下
2）支持支定义混合图，瓦片图放到 tiles_self 目录下
3）增加根据城市名称设置地图中心, 请自行扩展map_city.js
4）增加鼠标测距示例
5）增加鼠标绘制线面示例

增加新的瓦片图：
1）使用地图下载工具（如太乐地图下载）下载你要的地区和级别
2）务必导出瓦片图（百度格式），可以选择导出jpg或png图形
3）按需要修改map_load.js，指定瓦片图的路径，或者按默认的来
4）目录说请看图片： 目录说明.jpg

基本的使用方法如下：
1）加载离线地图必须的文件：
  <script type="text/javascript" src="offlinemap/map_load.js"></script>
  <link rel="stylesheet" type="text/css" href="offlinemap/css/map.css"/>

2）增加一个容器用来显示地图
<div id="map_demo"></div>

3）写JS脚本
<script type="text/javascript">  
	var map = new BMap.Map("map_demo");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 7);  // 初始化地图,设置中心点坐标和地图级别
	map.setCurrentCity("武汉");          // 设置地图中心显示的城市 new！
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	map.addControl(new BMap.NavigationControl());   //缩放按钮
	map.addControl(new BMap.MapTypeControl( {mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]} ));   //添加地图类型控件 离线只支持普通、卫星地图; 三维不支持
</script>