标记当前位置 及 在地图上显示足迹
2012-10-18 11:38
246 查看
标记当前位置:
示例代码:
在地图上显示足迹:
显示足迹列表要用到百度地图API中“添加折线”的方法。
API文档给出的参考代码是:
可以看到polyLine是显示折现的关键 。
那么在jsp中如何编写这个polyLine呢?
可以使用EL表达式来进行。
看一段很奇怪的且编译器会报错的代码:
可以看到,EL表达式其实是嵌入到了js代码之中的。这样的做法会导致编译器报错。不过这段代码却是合法的。
因为EL表达式将会在js能运行前组织完成。
引用一句别人的话,就是
“EL表达式是在服务端执行的,服务端执行完成后再传给客户端的,js是在客户端执行的,el在js前就被执行了”
下图展示了显示路径的效果。
示例代码:
var marker = new BMap.Marker(point); map.addOverlay(marker);
在地图上显示足迹:
显示足迹列表要用到百度地图API中“添加折线”的方法。
API文档给出的参考代码是:
var polyline = new BMap.Polyline([ new BMap.Point(116.399, 39.910), new BMap.Point(116.405, 39.920) ], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5} ); map.addOverlay(polyline);
可以看到polyLine是显示折现的关键 。
那么在jsp中如何编写这个polyLine呢?
可以使用EL表达式来进行。
看一段很奇怪的且编译器会报错的代码:
<script type="text/javascript"> var map = new BMap.Map("position"); var point = new BMap.Point(${currentLocation.longitude}, ${currentLocation.latitude}); map.centerAndZoom(point, 18); var polyline = new BMap.Polyline([ <c:forEach items="${list}" var="bean"> new BMap.Point(${bean.longitude}, ${bean.latitude}),</c:forEach> ], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5} ); map.addOverlay(polyline); </script>
可以看到,EL表达式其实是嵌入到了js代码之中的。这样的做法会导致编译器报错。不过这段代码却是合法的。
因为EL表达式将会在js能运行前组织完成。
引用一句别人的话,就是
“EL表达式是在服务端执行的,服务端执行完成后再传给客户端的,js是在客户端执行的,el在js前就被执行了”
下图展示了显示路径的效果。
相关文章推荐
- android,使用高德地图SDk(地图SDK,定位SDK,搜索SDK),显示当前位置以及自定义多个Markers
- 读取本地XML文件信息,在地图上添加标注,显示当前位置详细地理信息
- (android 地图实战开发)2 创建MapActivity,根据设备当前位置,显示地图
- Android百度地图开发之显示当前位置地图
- (android 地图实战开发)3 在地图上显示当前位置和自定义银行位置
- 百度地图定位 当前位置和地图显示
- [IOS地图开发系类]4、MKMapview上添加MKAnnotationView,标记当前位置
- MKMapView上获取自身当前位置并将地图显示范围控制在自身位置周围
- 通过百度地图API显示当前位置在地图上(图标显示)--第三方开源--百度地图(二)
- 微信小程序 实现获取当前位置并在地图上显示
- 「微信小程序」实现获取当前位置并在地图上显示
- 学习iOS开发之设置地图初始显示区域为当前位置
- (android 地图实战开发)2 创建MapActivity,根据设备当前位置,显示地图
- HTML5 调用 GPSAPI 获取当前位置的坐标 显示在地图上(有包括百度地图与谷歌地图)
- 百度地图api--拖动地图显示经纬度与显示当前位置
- 在地图上显示当前的位置
- Android 高德地图,显示地图,并定位当前的位置
- 百度地图开发,在地图上显示当前位置
- 利用MKMapView显示自己当前位置的地图
- 百度地图API应用之——利用定位SDK和地图SDK来进行定位和显示当前位置