<!DOCTYPE html>
<html>
<head>
<title>MoveLineOverlay</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,
html {
width: 100%;
height: 100%;
margin: 0;
font-family: "微软雅黑";
}
#allmap {
width: 100%;
height: 100%;
}
p {
margin-left: 5px;
font-size: 14px;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=U3q69k0Dv0GCYNiiZeHPf7BS"></script>
<script src="../dist/inmap.js"></script>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script>
var inmap = new inMap.Map({
id: 'allmap',
skin: "Blueness",
center: [112.03956, 26.063677],
zoom: {
value: 6,
show: true,
max: 18,
min: 5
},
});
var data = [{
from: {
name: '广州',
coordinates: [113.270793, 23.135308]
},
to: {
name: '衡山',
coordinates: [112.612787, 27.317599]
},
count: 1,
}, {
from: {
name: '广州',
coordinates: [113.270793, 23.135308]
},
to: {
name: '北京',
coordinates: [116.413554, 39.911013]
},
count: 2,
}, {
from: {
name: '广州',
coordinates: [113.270793, 23.135308]
},
to: {
name: '三亚',
coordinates: [109.518646, 18.258217]
},
count: 3,
}, {
from: {
name: '广州',
coordinates: [113.270793, 23.135308]
},
to: {
name: '上海',
coordinates: [121.480237, 31.236305]
},
count: 4,
}, {
from: {
name: '广州',
coordinates: [113.270793, 23.135308]
},
to: {
name: '韶关',
coordinates: [113.603757, 24.816174]
},
count: 5,
}
];
var overlay = new inMap.MoveLineOverlay({
style: {
point: { //散点配置
tooltip: {
show: true,
formatter: "{name}"
},
style: {
normal: {
backgroundColor: 'rgba(200, 200, 50, 1)',
borderWidth: 1,
borderColor: "rgba(255,255,255,1)",
size: 6,
label: {
show: true,
color: 'rgba(255,255,255,1)'
},
},
mouseOver: {
backgroundColor: 'rgba(200, 200, 200, 1)',
borderColor: "rgba(255,255,255,1)",
borderWidth: 4,
},
selected: {
backgroundColor: 'rgba(184,0,0,1)',
borderColor: "rgba(255,255,255,1)"
},
},
event: {
onMouseClick: function (item) {}
}
},
line: { //线的配置
style: {
normal: {
borderColor: 'rgba(200, 200, 50, 1)',
borderWidth: 1,
// shadowColor: 'rgba(255, 250, 50, 1)',
// shadowBlur: 20,
lineOrCurive: "curve"
},
}
},
lineAnimation: {
style: {
size: 2,
//移动点颜色
fillColor: '#fff',
//移动点阴影颜色
shadowColor: '#fff',
//移动点阴影大小
shadowBlur: 10,
lineOrCurve: 'curve',
}
},
},
data: data,
});
inmap.add(overlay);
setTimeout(() => {
overlay.setOptionStyle({
style: {
point: { //散点配置
tooltip: {
show: true,
formatter: "{name}"
},
style: {
normal: {
backgroundColor: 'rgba(200, 200, 50, 1)',
borderWidth: 1,
borderColor: "rgba(255,255,255,1)",
size: 6,
label: {
show: true,
color: 'rgba(255,255,255,1)'
},
},
mouseOver: {
backgroundColor: 'rgba(200, 200, 200, 1)',
borderColor: "rgba(255,255,255,1)",
borderWidth: 4,
},
selected: {
backgroundColor: 'rgba(184,0,0,1)',
borderColor: "rgba(255,255,255,1)"
},
},
event: {
onMouseClick: function (item) {}
}
},
line: { //线的配置
style: {
normal: {
borderColor: 'rgba(200, 200, 50, 1)',
borderWidth: 1,
// shadowColor: 'rgba(255, 250, 50, 1)',
// shadowBlur: 20,
lineOrCurive: "curve"
},
mouseOver: {
borderColor: 'rgba(255, 255, 255, 1)'
},
selected: {
borderColor: 'rgba(184,0,0,1)',
},
splitList: [{
start: 0,
end: 1,
borderWidth: 5,
borderColor: 'rgba(156,200,249,1)'
},
{
start: 1,
end: 2,
borderWidth: 6,
borderColor: 'rgba(93,158,247,1)'
},
{
start: 2,
end: 3,
borderWidth: 3,
borderColor: 'rgba(134,207,55,1)'
},
{
start: 3,
borderWidth: 4,
borderColor: "rgba(252,198,10,1)"
}
]
},
},
lineAnimation: {
style: {
size: 2,
//移动点颜色
fillColor: '#fff',
//移动点阴影颜色
shadowColor: '#fff',
//移动点阴影大小
shadowBlur: 10,
lineOrCurve: 'curve',
}
},
}
})
}
基于JavaScript的大数据地理可视化项目设计与实现 （197个子文件） 
.babelrc 206B iview.css 211KB .editorconfig 143B ionicons.eot 118KB .eslintignore 10B .gitignore 190B
MoveLineOverlay-SetOptionStyle.html 8KB Superimposed-PointAnimationOverlay-Vue.html 8KB PolygonEditorOverlay-SetOptionStyle.html 7KB PolygonOverlay-legend-custom.html 6KB OverlayManager.html 6KB PolygonEditorOverlay.html 6KB index.html 6KB PolygonOverlay-SetOptionStyle.html 5KB PolygonOverlay-Vue.html 5KB LineStringOverlay-Selected.html 5KB GriddingOverlay-SetOptionStyle.html 5KB LineStringOverlay-SplitList.html 5KB PolygonOverlay-PushData.html 5KB MoveLineOverlay.html 4KB PolygonOverlay.html 4KB PointOverlay-SetOptionStyle.html 4KB PolygonEditorOverlay-NeiMeng.html 3KB PointOverlay-Dluster.html 3KB map.html 3KB ImgOverlay-SetOptionStyle.html 3KB ImgOverlay.html 3KB PointOverlay-Label.html 3KB PointOverlay.html 3KB PointOverlay-Selected.html 3KB PointOverlay-Legend.html 3KB GriddingOverlay.html 3KB PointAnimationOverlay-SetOptionStyle.html 3KB HoneycombOverlay-SplitList.html 3KB LineStringOverlay-Line-And-LineStringAnimationOverlay-Line-FlowTrack.html 3KB HoneycombOverlay.html 3KB LineStringOverlay-Curve-And-LineStringAnimationOverlay-Curve-FlowTrack.html 3KB LineStringOverlay-Line-And-LineStringAnimationOverlay-Cure-FlowTrack.html 3KB PointOverlay-Meter.html 3KB GriddingOverlay-SplitList.html 3KB BMap-add-inmap.html 3KB PointAnimationOverlay.html 3KB LabelOverlay.html 3KB HoneycombOverlay-SetOptionStyle.html 3KB PointOverlay-Bubble.html 2KB HoneycombOverlay-Meter.html 2KB LineStringAnimationOverlay-Curve-FlowTrack.html 2KB LineStringAnimationOverlay-Line-FlowTrack.html 2KB LineStringOverlay-LineStringAnimationOverlay-Road.html 2KB PolygonOverlay-Selected.html 2KB LineStringOverlay-Road.html 2KB PointOverlay-Shadow.html 2KB GriddingOverlay-Meter.html 2KB PointOverlay-BigData.html 2KB PolygonOverlay-Nationwide.html 2KB LineStringOverlay-Curve-FlowTrack.html 2KB LineStringOverlay-Road-SetOptionStyle.html 2KB HeatOverlay-SetOptionStyle.html 2KB HeatMap-Mousemove.html 2KB LineStringOverlay-Line-FlowTrack.html 2KB MaskOverlay.html 2KB HeatOverlay-Animation.html 2KB HeatOverlay-ToolTip.html 2KB HeatOverlay-Canvas.html 2KB HeatOverlay.html 1KB
cover1.jpg 781KB overview.jpg 572KB cover2.jpg 558KB car.js 4.33MB echarts.js 2.41MB heatData.js 2.09MB neimengGeo.js 1.88MB nationwide.js 1.86MB bigdata.js 1.65MB lineString.js 1.24MB iview.js 773KB flowTrack.js 744KB inmap.js 653KB echarts-gl.min.js 581KB geojson.js 518KB iview.min.js 334KB inmap.min.js 295KB jquery.js 276KB vue.js 259KB lineString2.js 152KB beiJingGeo.js 112KB worker.js 91KB beijing.js 62KB data.js 46KB pointToPixel.js 25KB index.js 24KB PolygonOverlay.js 16KB MoveLineOverlay.test.js 16KB data2.js 16KB PointOverlay.js 15KB Color.js 13KB Tween.js 13KB HeatOverlay.js 11KB Parameter.js 11KB pixels.js 11KB共 197 条
- 1
- 2
资源评论
爱吃苹果的Jemmy
- 粉丝: 84
- 资源: 1134
最新资源
- (源码)基于SSM框架的大学消息通知系统服务端.zip
- (源码)基于Java Servlet的学生信息管理系统.zip
- (源码)基于Qt和AVR的FestosMechatronics系统终端.zip
- (源码)基于Java的DVD管理系统.zip
- (源码)基于Java RMI的共享白板系统.zip
- (源码)基于Spring Boot和WebSocket的毕业设计选题系统.zip
- (源码)基于C++的机器人与船舶管理系统.zip
- (源码)基于WPF和Entity Framework Core的智能货架管理系统.zip
- SAP Note 532932 FAQ Valuation logic with active material ledger
- (源码)基于Spring Boot和Redis的秒杀系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
