用BMapGL设置两条道路
时间: 2023-12-20 09:04:05 浏览: 58
react-bmapgl:基于百度地图JavaScript GL版API封装的React组件库
要在BMapGL中设置两条道路,可以按照以下步骤操作:
1. 创建地图实例
```javascript
var map = new BMapGL.Map("map");
```
2. 创建两个点坐标
```javascript
var point1 = new BMapGL.Point(116.404, 39.915);
var point2 = new BMapGL.Point(116.414, 39.915);
```
3. 创建两个标注,并将其添加到地图上
```javascript
var marker1 = new BMapGL.Marker(point1);
var marker2 = new BMapGL.Marker(point2);
map.addOverlay(marker1);
map.addOverlay(marker2);
```
4. 创建两条线,并将其添加到地图上
```javascript
var polyline1 = new BMapGL.Polyline([point1, point2], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});
var polyline2 = new BMapGL.Polyline([point2, point1], {strokeColor:"red", strokeWeight:6, strokeOpacity:0.5});
map.addOverlay(polyline1);
map.addOverlay(polyline2);
```
以上代码会在地图上创建两个标注和两条线,其中第一条线的颜色为蓝色,第二条线的颜色为红色。你可以根据需要修改标注和线的样式。
阅读全文