百度地图开发说明文档.docx
- 文档编号：16290355
- 上传时间：2023-07-12
- 格式：DOCX
- 页数：27
- 大小：1.53MB
百度地图开发说明文档.docx
《百度地图开发说明文档.docx》由会员分享，可在线阅读，更多相关《百度地图开发说明文档.docx（27页珍藏版）》请在冰点文库上搜索。
XX地图开发说明文档
XX地图说明文档
1.界面展现
界面整体分为4部份，主地图显示区、鼠标测距地图区、按钮与输入区、结果面板区。
主地图显示区用于除测距之外的功能显示，鼠标测距地图区只用于鼠标测距，结果面板区显示部份查询结果。
功能实现包括大体操作功能：
鼠标滚轮放大、缩小、全图、拖拽平移、卫星地图切换、鼠标测距，其他功能有
（1）定位查询（输入经纬度坐标在图上查询具体位置）
（2）经纬度坐标获取（鼠标点击获取图上经纬度坐标）
（3）快速查询（不同行政区级别点击查询缩放到当前位置，通过城市定位和关键字提示实现）
（4）关键词查询（输入查询内容将查询结果显示到操纵面板和图上）
（5）覆盖物叠加（点击按钮将覆盖物添加到图上）
（6）删除覆盖物（点击按钮删除覆盖物，包括关键字查询、线路查询在图上显示的覆盖物，用于清除查询结果，便于二次查询）
（7）信息窗口（点击图上点覆盖物弹出信息窗口）
（8）地址解析/逆解析、添加点线面（直接选用工具条上按钮进行绘制）
（9）编辑功能（点击按钮开启/关闭编辑）
（10）获取绘制的覆盖物个数，清除所有覆盖物
（11）步行线路计划（包括地图上显示和结果面板显示）
（12）驾车线路计划（信息窗口显示驾车所需时刻和行驶距离，地图和结果面板显示线路）
（13）公交车和地铁线路查询（输入公交车或地铁号，在结果面板显示通过的站点及发车信息）
（14）公交车出行线路计划（地图上显示线路）
（15）输入时关键字提示
（16）右下角打开路况提示
以下为部份功能实现成效截图
关键字查询（结果显示在地图上）
关键字查询结果显示在结果面板
步行线路计划
驾车线路计划
公交车和地铁线路站点查询，结果显示在查询面板
公交线路计划
2.框架
界面先分成左右两部份，container1、container2别离占70%和30%，左侧上部为主地图allmap占70%，下部按钮输入区container3占30%，右边鼠标测距区allmap1占30%，结果面板r-result占70%。
#container1{width:
70%;height:
100%;float:
left;overflow:
hidden;margin:
0;}
#container2{width:
30%;height:
100%;float:
left;overflow:
hidden;margin:
0;}
#container3{width:
100%;height:
30%;float:
left;overflow:
hidden;margin:
0;}
#allmap{margin:
003px;height:
70%;}//主地图
#allmap1{margin:
003px;height:
30%;}//鼠标测距地图
#r-result{margin:
003px;height:
70%;}
3.关于未实现的功能
点击折线、多边形显示信息窗口，点（marker类）覆盖物有打开/关闭信息窗方式openInfoWindow（infoWnd:
InfoWindow）/closeInfoWindow（），可是折线和多边形（Polyline类和Polygon类）覆盖物没有信息窗相关方式，可是有返回折线的点数组的方式getPath（）返回值为Array
获取点线面的坐标和编辑后的坐标到文本框中，若是上述获取点数组能够实现那么能够依照XX地图API中的例如DEMO将提示窗的信息存储到文本框。
附代码：
body,html{width:
100%;height:
100%;margin:
0;font-family:
"微软雅黑";}
#container1{width:
70%;height:
100%;float:
left;overflow:
hidden;margin:
0;}
#container2{width:
30%;height:
100%;float:
left;overflow:
hidden;margin:
0;}
#container3{width:
100%;height:
30%;float:
left;overflow:
hidden;margin:
0;}
#allmap{margin:
003px;height:
70%;}
#allmap1{margin:
003px;height:
30%;}
#r-result{margin:
003px;height:
70%;}
dl,dt,dd,ul,li{
margin:
0;
padding:
0;
list-style:
none;
}
p{font-size:
12px;}
dt{
font-size:
14px;
font-family:
"微软雅黑";
font-weight:
bold;
border-bottom:
1pxdotted#000;
padding:
5px05px5px;
margin:
5px0;
}
dd{
padding:
5px005px;
}
li{
line-height:
28px;
}
--加载鼠标绘制工具-->
--加载检索信息窗口-->
hidden;zoom: 1;position: relative;"> 100%;-webkit-transition: all0.5sease-in-out;transition: all0.5sease-in-out;">
经度:
纬度:
城市名:
100px;margin-right: 10px;"/>
《保险学概论》期末复习指导书蓝本答案要点.docx
三年级枫桥夜泊课件.ppt
