Baidu bản đồ mở rộng

ECharts Baidu bản đồ mở rộng, có thể ở Baidu trên bản đồ bày raĐiểm đồ,Tuyến đồ,Nhiệt lực đồChờ khả thị hóa.

Thí dụ mẫu

Cả nước chủ yếu thành thị không khí chất lượng

Bắc Kinh giao thông công cộng lộ tuyến

Bắc Kinh giao thông công cộng lộ tuyến đặc hiệu

Hàng Châu đứng đầu đi bộ lộ tuyến

Trên bản đồ thượng biểu hiện phân rương đồ

Dẫn vào

Có thể trực tiếp dẫn vào đóng gói tốt mở rộng văn kiện cùng Baidu bản đồ jssdk

<!-- dẫn vào Baidu bản đồ JS SDK, nơi này yêu cầu sử dụng ngươi ở Baidu bản đồ khai phá giả ngôi cao xin ak -->
<!-- như cần sử dụng Baidu bản đồ 2.0 phiên bản, thỉnh đem `v=3.0` sửa vì `v=2.0` -->
<scriptsrc= "https://api.map.baidu /api?v=3.0&ak="></script>
<!-- dẫn vào ECharts -->
<scriptsrc= "dist/echarts.min.js"></script>
<!-- dẫn vào Baidu bản đồ mở rộng -->
<scriptsrc= "dist/extension/bmap.min.js"></script>

Nếu là webpack đóng gói, cũng có thể require dẫn vào

require('echarts');
require('echarts/extension/bmap/bmap');

Cắm kiện sẽ tự động đăng ký tương ứng lắp ráp.

Sử dụng

Mở rộng chủ yếu cung cấp cùng geo giống nhau tọa độ hệ cùng đế đồ vẽ, bởi vậy phối trí phương thức phi thường đơn giản, như sau

option={
// thêm tái bmap lắp ráp
bmap:{
// Baidu bản đồ trung tâm kinh độ và vĩ độ. Cam chịu vì [104.114129, 37.550339].
center:[120.13066322374,30.240018034923],
// Baidu bản đồ súc phóng cấp bậc. Cam chịu vì 5.
zoom:14,
// hay không mở ra kéo túm súc phóng, có thể chỉ thiết trí 'scale' hoặc là 'move'. Cam chịu đóng cửa.
roam:true,
// Baidu bản đồ cũ bản tự định nghĩa hình thức, thấy https://lbsyun.baidu /custom/index.htm
mapStyle:{},
// Baidu bản đồ 3.0 lúc sau tân bản tự định nghĩa hình thức, thấy https://lbsyun.baidu /index.php?title=open/custom
mapStyleV2:{},
// Baidu bản đồ khởi động lại phối trí, thấy https://lbsyun.baidu /cms/jsapi/reference/jsapi_reference.html#a0b1
mapOptions:{
// cấm dùng Baidu bản đồ tự mang đế đồ nhưng điểm công năng
enableMapClick:false
}
},
series:[{
type:'scatter',
// sử dụng Baidu bản đồ tọa độ hệ
coordinateSystem:'bmap',
// số liệu cách thức đi theo geo tọa độ hệ thượng giống nhau, mỗi hạng nhất đều là [ kinh độ, vĩ độ, trị số lớn nhỏ, cái khác duy độ...]
data:[[120,30,1]],
// mã hóa số liệu hạng trung cái thứ ba nguyên tố làm value duy độ
encode:{
value:2
}
}]
}

// thu hoạch Baidu bản đồ ví dụ thực tế, sử dụng Baidu bản đồ tự mang khống kiện
varbmap=chart.getModel().getComponent('bmap').getBMap();
bmap.addControl(newBMap.MapTypeControl());