百度地图开发说明文档.docx
- 文档编号:2100848
- 上传时间:2022-10-26
- 格式:DOCX
- 页数:22
- 大小:1.84MB
百度地图开发说明文档.docx
《百度地图开发说明文档.docx》由会员分享,可在线阅读,更多相关《百度地图开发说明文档.docx(22页珍藏版)》请在冰豆网上搜索。
XX地图开发说明文档
XX地图说明文档
1.界面展示
界面整体分为4部分,主地图显示区、鼠标测距地图区、按钮与输入区、结果面板区。
主地图显示区用于除测距以外的功能显示,鼠标测距地图区只用于鼠标测距,结果面板区显示部分查询结果。
功能实现包括基本操作功能:
鼠标滚轮放大、缩小、全图、拖拽平移、卫星地图切换、鼠标测距,其他功能有
(1)定位查询(输入经纬度坐标在图上查询具体位置)
(2)经纬度坐标获取(鼠标点击获取图上经纬度坐标)
(3)快速查询(不同行政区级别点击查询缩放到当前位置,通过城市定位和关键字提示实现)
(4)关键词查询(输入查询内容将查询结果显示到控制面板和图上)
(5)覆盖物叠加(点击按钮将覆盖物添加到图上)
(6)删除覆盖物(点击按钮删除覆盖物,包括关键字查询、路线查询在图上显示的覆盖物,用于清除查询结果,便于二次查询)
(7)信息窗口(点击图上点覆盖物弹出信息窗口)
(8)地址解析/逆解析、添加点线面(直接选用工具条上按钮进行绘制)
(9)编辑功能(点击按钮开启/关闭编辑)
(10)获取绘制的覆盖物个数,清除所有覆盖物
(11)步行路线规划(包括地图上显示和结果面板显示)
(12)驾车路线规划(信息窗口显示驾车所需时间和行驶距离,地图和结果面板显示路线)
(13)公交车和地铁路线查询(输入公交车或地铁号,在结果面板显示经过的站点及发车信息)
(14)公交车出行路线规划(地图上显示路线)
(15)输入时关键字提示
(16)右下角打开路况提示
以下为部分功能实现效果截图
关键字查询(结果显示在地图上)
关键字查询结果显示在结果面板
步行路线规划
驾车路线规划
公交车和地铁路线站点查询,结果显示在查询面板
公交路线规划
2.框架
界面先分成左右两部分,1、2分别占70%和30%,左侧上部为主地图占70%,下部按钮输入区3占30%,右侧鼠标测距区1占30%,结果面板占70%。
1{:
70:
100:
:
0;}
2{:
30:
100:
:
0;}
3{:
100:
30:
:
0;}
{:
003:
70%;}主地图
1{:
003:
30%;}鼠标测距地图
{:
003:
70%;}
3.关于未实现的功能
点击折线、多边形显示信息窗口,点(类)覆盖物有打开/关闭信息窗方法(:
)(),但是折线和多边形(类和类)覆盖物没有信息窗相关方法,但是有返回折线的点数组的方法()返回值为<>,然而实施过程中,无法获取到点数组,因此无法继续进行。
获取点线面的坐标以及编辑后的坐标到文本框中,如果上述获取点数组可以实现则可以根据XX地图中的示例将提示窗的信息存储到文本框。
附代码:
<>
<>
<""";8"/>
<"""1.0,"/>
<"">
{:
100:
100:
0:
"微软雅黑";}
1{:
70:
100:
:
0;}
2{:
30:
100:
:
0;}
3{:
100:
30:
:
0;}
{:
003:
70%;}
1{:
003:
30%;}
{:
003:
70%;}
{
:
0;
:
0;
;
}
p{:
12;}
{
:
14;
:
"微软雅黑";
;
:
1#000;
:
5055;
:
50;
}
{
:
5005;
}
{
:
28;
}
<>
<""""><>
<""""><>
<""""><>
<""><>
<""""><>
<""""""/>
<加载鼠标绘制工具>
<""""><>
<""""/>
<加载检索信息窗口>
<""""><>
<""""/>
<>贾明瑞XX地图<>
<>
<>
<"1">
<""":
1;">
<""":
100:
0.5s:
0.5s;"><>
<>
<"3">
<"""1();""显示工具条"/>
<"""1();""隐藏工具条"/>
<"""2();""显示地图类型缩略图"/>
<"""2();""隐藏地图类型缩略图"/>
<"""();""获取地图显示范围"/>
<"""();""打开鼠标测距"/>
<"""();""关闭鼠标测距"/>
<"""();""全图"/>
<>
经度:
<"""""8"/>
纬度:
<"""""8"/>
<"""坐标定位""1()"/>
城市名:
<""""":
100;:
10;"/>
<"""城市定位""2()"/>
<"""获取经纬度""()"/>
<"""""""90">
<"""();""地址解析"/>
<"""();""逆地址解析"/>
<"""();""添加覆盖物"/>
<"""();""删除覆盖物"/>
<"""开始编辑"="()()();"/>
<"""停止编辑"="()()();"/>
<"""获取绘制的覆盖物个数""()"/>
<"""清除所有覆盖物""()"/>
<"""""">
<"""""""2()""关键字查询">
<"""""""1()""查询面板">
<>
<"""""12">
<"""""12">
<"""1""1()""步行路线规划"/>
<"""2""2()""步行路线面板"/>
<"""""12">
<"""""12">
<"""1""1()""驾车距离与时间"/>
<"""2""2()""驾车路线面板"/>
<>
<>输入公交地铁编号<><"""""">
<"2""""2""3()""公交地铁站点查询">
<>
<"0">最少时间<>
<"1">最少换乘<>
<"2">最少步行<>
<"3">不乘地铁<>
<>
<"""""12">
<"""""12">
<"""""()""公交路线查询"/>
<>
<>
<>
<"2">
<"1"><>
请输入:
<"""""12"""":
150;"/>关键字提示<>
<""><>
<""":
10C0C0:
150;;"><>
<>
<"">
XX地图功能
=('');
=(116.404,39.915);
(,10);
();
();
绘制覆盖物获取数量及清除覆盖物
=[];
=(e){
();
};
={
:
"",边线颜色。
:
"",填充颜色。
当参数为空时,圆形将没有填充效果。
:
3,边线的宽度,以像素为单位。
:
0.8,边线透明度,取值范围0-1。
:
0.6,填充的透明度,取值范围0-1。
:
''边线的样式,或。
}
实例化鼠标绘制工具
=(,{
:
是否开启绘制模式
:
是否显示工具栏
:
{
:
位置
:
(5,5),偏离值
},
:
圆的样式
:
线的样式
:
多边形的样式
:
矩形的样式
});
添加鼠标绘制工具监听事件,用于获取绘制结果
('',);
(){
(i=0;i<;){
([i]);
}
=0
}
添加覆盖物删除覆盖物
=((116.404,39.915));创建点
=([
(116.399,39.910),
(116.405,39.920),
(116.425,39.900)
],{:
"",:
2,:
0.5});创建折线
=(,500,{:
"",:
2,:
0.5});创建圆
=([
(116.387112,39.920977),
(116.385243,39.913063),
(116.394226,39.917988),
(116.401772,39.921364),
(116.41248,39.927893)
],{:
"",:
2,:
0.5});创建多边形
=(116.392214,39.918985);
=(116.41478,39.911901);
=([
(),
(),
(),
()
],{:
"",:
2,:
0.5});创建矩形
1=("天安门坐落在中国北京市中心,故宫的南侧,与天安门广场隔长安街相望,是清朝皇城的大门");创建信息窗口对象
("",(){
(1);开启信息窗口
});
添加覆盖物
()
{
();增加点
();增加折线
();增加圆
();增加多边形
();增加矩形
}
清除覆盖物
(){
();
}
地址解析
()
{
("");
=();
将地址解析结果显示在地图上,并调整地图视野
(,(){
(){
(,16);
(());
}{
("您选择地址没有解析到结果!
");
}
},"北京市");
}
逆地址解析
()
{
=();
("",(e){
=;
(,(){
=;
(+","++","++","++","+);
});
});
}
添加控件和比例定义
=({:
})左上角,添加比例尺
=();左上角,添加默认缩放平移控件
=({:
:
});右上角,仅包含平移和缩放按钮
/*缩放控件有四种类型:
:
仅包含平移和缩放按钮;:
仅包含平移按钮;:
仅包含缩放按钮*/
1=({:
[]});
2=({:
});
=();
=({,:
});
添加控件和比例尺
1(){
();
();
();
}
移除控件和比例尺
1(){
();
();
();
}
添加地图类型和缩略图
2(){
(1);2D图,卫星图
(2);左上角,默认地图控件
("北京");由于有3D图,需要设置城市哦
();添加默认缩略地图控件
();右下角,打开
}
移除地图类型和缩略图
2(){
(1);移除2D图,卫星图
(2);
();
();
}
是否显示路况提示面板
=({
:
是否显示路况提示面板
});
();
();
获取地图显示范围
()
{
=();获取可视区域
=();可视区域左下角
=();可视区域右上角
("当前地图可视范围是:
"++","++"到"++","
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 百度 地图 开发 说明 文档