echarts-amap
Advanced tools
Readme
An echarts extension to support AMap(http://lbs.amap.com/), Ported from the offical echarts extension-bmap
https://github.com/ecomfe/echarts/tree/master/extension/bmap
npm install -S echarts-amap
Using Script Tag
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts AMap Test</title>
<style>
html,body,#map {
margin: 0;
padding: 0;
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<!-- external dependencies -->
<script src="http://webapi.amap.com/maps?v=1.3&key=YOUR_AMAP_API_KEY&plugin=AMap.CustomLayer"></script>
<script src="http://cdn.bootcss.com/echarts/3.4.0/echarts.min.js"></script>
<!-- import the extension -->
<script src="node_modules/echarts-amap/dist/echarts-amap.min.js"></script>
<script type="text/javascript">
var echart = echarts.init(document.getElementById('map'))
echart.setOption({
// use amap component
amap: {
center: [116.397475,39.908695],
zoom: 5,
mapStyle: 'blue_night'
},
// demo serie showing the capital BEIJING of our PRC :cn:
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]
}]
}]
})
</script>
</body>
</html>
Using Webpack
var echarts = require('echarts')
require('echarts-amap')
var echart = echarts.init(document.getElementById('map'))
echart.setOption({
... // see the example above
})
FAQs
an echarts extension to support AMap(http://lbs.amap.com/)
We found that echarts-amap demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
In June 2023, Google sold all Google Domains accounts to Squarespace but more than a dozen customers have had their domains hijacked in the last week due to weak security defaults and migration issues.
![Massive Automated Spam Campaign Abuses GitHub to Flood npm Registry with Thousands of Garbage Tea[.]xyz Packages](https://cdn.sanity.io/images/cgdhsj6q/production/a74d1072ff2bb5cb96a404be58a649931ced2ba5-1024x1024.webp?w=400&fit=max&auto=format)
Security News
In a reprisal of their previous Tea[.]xyz spam campaign, a new wave of thousands of garbage packages are hitting npm, to artificially inflate the number of dependents for spammers' projects.
Security News
The maintainer of the node-ip project restored the GitHub repo after disputing an exaggerated CVE rating, highlighting the impact of bogus CVEs on open source projects.