You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Echarts plugin to support AMap< / title >
< / head >
< style media = "screen" >
html , body , # map {
margin : 0 ;
padding : 0 ;
height : 100 % ;
}
< / style >
< body >
< div id = "map" > < / div >
<!-- 引入高德地图JSAPI -->
< script src = "http://webapi.amap.com/maps?v=1.3&key=ab99f68b8f9eac7a5287f4043493e2db&plugin=AMap.CustomLayer" > < / script >
<!-- 引入UI组件库（ -->
< script src = "//webapi.amap.com/ui/1.0/main.js" > < / script >
< script src = "http://cdn.bootcss.com/echarts/3.4.0/echarts.min.js" > < / script >
< script src = "echarts-amap.js" > < / script >
< script type = "text/javascript" >
var echart = echarts . init ( document . getElementById ( 'map' ) )
echart . setOption ( {
amap : {
center : [ 116.397475 , 39.908695 ] ,
zoom : 5 ,
resizeEnable : true ,
lang : 'zh_en'
} ,
series : [ {
type : 'effectScatter' ,
coordinateSystem : 'amap' ,
rippleEffect : {
brushType : 'stroke'
} ,
label : {
normal : {
show : true ,
position : 'right' ,
formatter : '{b}'
}
} ,
symbolSize : 20 ,
itemStyle : {
normal : {
color : '#f44336'
}
} ,
data : [ {
name : '首都' ,
value : [ 116.397475 , 39.908695 ]
} ]
} ]
} )
var map = echart . getModel ( ) . getComponent ( 'amap' ) . getAMap ( ) ;
var layer = echart . getModel ( ) . getComponent ( 'amap' ) . getLayer ( ) ;
//加载BasicControl，
AMapUI . loadUI ( [ 'control/BasicControl' ] , function ( BasicControl ) {
//缩放控件
map . addControl ( new BasicControl . Zoom ( {
position : 'lt' , //left top，
showZoomNum : false //显示zoom值
} ) ) ;
} ) ;
layer . setzIndex ( 200 )
< / script >
< / body >
< / html >
