-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgpsTrace.html
50 lines (46 loc) · 13.6 KB
/
gpsTrace.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<!-- Plotly chart will be drawn inside this DIV -->
<div id="myDiv">
<div class="svg-container" style="position: relative; width: 100%; height: 100%;">
<script>
/* JAVASCRIPT CODE GOES HERE */
var data = [{
type: 'scattermapbox',
mode: 'markers',
lon:['112.86930084228516','112.42822265625','112.42215728759766','112.85384368896484'] ,
lat:['22.51977157592773','22.330907821655273','22.266559600830078','22.492738723754886'],
name:'cluster_center'
},{
type: 'scattermapbox',
mode: 'markers',
lon:['112.86840057373048','112.87515258789062','112.87515258789062','112.86756896972656','112.8747100830078','112.86839294433594','112.86839294433594','112.86759948730469','112.86837768554688','112.42874908447266','112.86759948730469','112.8683853149414','112.86717987060548','112.42449951171876','112.4286880493164','112.42449951171876','112.42787170410156','112.86737823486328','112.42726135253906','112.4286651611328','112.44667053222656','112.8673858642578','112.8751220703125','112.8683853149414','112.8675765991211','112.42677307128906','112.8674774169922','112.42668914794922','112.8684539794922','112.86746215820312','112.86739349365234','112.42884826660156','112.86729431152344','112.86840057373048','112.86739349365234','112.86739349365234','112.86726379394531','112.87471771240234','112.42745971679688','112.87413024902344','112.8674087524414','112.86750030517578','112.87474822998048','112.86840057373048','112.87507629394531','112.8683853149414','112.86841583251952','112.86835479736328','112.87509155273438','112.8683624267578','112.86743927001952','112.87413787841795','112.87413787841795','112.86837768554688','112.86839294433594','112.86750793457031','112.86835479736328','112.42874908447266','112.87500762939452','112.87500762939452','112.85061645507812','112.4286651611328','112.42726135253906','112.42208862304688','112.42843627929688','112.42726135253906','112.42843627929688','112.4289779663086','112.42219543457031','112.4286651611328','112.42217254638672','112.4287567138672','112.4287567138672','112.4220199584961','112.42230987548828','112.42726135253906','112.4287567138672','112.4286651611328','112.4286880493164','112.42871856689452','112.4286651611328','112.8683624267578','112.4286651611328','112.4286651611328','112.87508392333984','112.42715454101562','112.86743927001952','112.86837768554688','112.86837768554688','112.86743927001952','112.8671875','112.86721801757812','112.86721801757812','112.4286651611328','112.87408447265624','112.42710876464844','112.42710876464844','112.85549926757812','112.42880249023438','112.8672866821289','112.87408447265624','112.87408447265624','112.4271011352539','112.86741638183594','112.85636138916016','112.80850219726562','112.42880249023438','112.42880249023438','112.8674087524414','112.8684310913086','112.86737060546876','112.86760711669922','112.8683624267578','112.87409210205078','112.85327911376952','112.86746215820312','112.86832427978516','112.85344696044922','112.86717987060548','112.86837768554688','112.86726379394531','112.86812591552734','112.86726379394531','112.42874908447266','112.42813110351562','112.42874908447266','112.42874908447266','112.42872619628906','112.42886352539062','112.42874908447266','112.4272003173828','112.42878723144531','112.87413024902344','112.86842346191406','112.86840057373048','112.87508392333984','112.86732482910156','112.86746978759766','112.86746978759766','112.86839294433594','112.86837005615234','112.86837005615234','112.87419128417969','112.86734771728516','112.86837005615234','113.4093246459961','112.86759185791016','112.330322265625','113.40267944335938','113.40223693847656','112.33031463623048','113.38834381103516','113.41039276123048','112.42887878417969','112.42945098876952','113.2031021118164','112.4294891357422','112.30777740478516','112.30777740478516','113.40918731689452','113.40304565429688','113.40493774414062','112.87413787841795','112.42855072021484','112.4286651611328','112.86833190917969','112.42881774902344','112.86841583251952','112.86837768554688','112.87520599365234','112.4287567138672','112.86840057373048','112.8672866821289','112.8672866821289','112.87472534179688','112.86841583251952','112.86837768554688','112.8668441772461','112.86839294433594','112.87506866455078','112.86840057373048','112.87471771240234','112.8675308227539','112.8740692138672','112.86732482910156','112.86943817138672','112.86839294433594','112.8741226196289','112.875','112.87408447265624','112.868408203125','112.8747329711914','112.86750030517578','112.86840057373048','112.86840057373048','112.868408203125','112.42874908447266','112.4285888671875','112.42874908447266','112.42874908447266','112.86837768554688','112.42874908447266','112.47896575927734','112.86737823486328','112.86839294433594','112.86840057373048','112.86744689941406','112.86746215820312','112.86837005615234','112.87501525878906','112.86746215820312','112.86837768554688','112.86837005615234','112.86727905273438','112.86724090576172','112.86756134033205','112.86833953857422','112.86736297607422','112.868408203125','112.8747329711914','112.86737060546876','112.86754608154295','112.86837768554688','112.86480712890624','112.86841583251952','112.86721801757812','112.86741638183594','112.86835479736328','112.86840057373048','112.868408203125','112.86742401123048','112.87508392333984','112.8675308227539','112.86842346191406','112.86837768554688','112.8683624267578','112.8669204711914','112.86837768554688','112.86837768554688','112.868408203125','112.8674774169922','112.86691284179688','112.86839294433594','112.868408203125','112.8739776611328','112.868408203125','112.85685729980469','112.86764526367188','112.86837768554688','112.86839294433594','112.4271011352539','112.4271011352539','112.86750793457031','112.7844467163086','112.86761474609376','112.86837768554688','112.87472534179688','112.8688735961914','112.86758422851562','112.87409210205078','112.86758422851562','112.868408203125','112.868408203125','112.86830139160156','112.86754608154295','112.86754608154295','112.87408447265624','112.86739349365234','112.42715454101562','112.42715454101562','112.86746215820312','112.86746215820312','112.86739349365234','112.42726135253906','112.868408203125','112.868408203125','112.86750030517578','112.86756134033205','112.86837005615234','112.8674774169922','112.86840057373048','112.86840057373048','112.87474060058594','112.86756896972656','112.86756896972656','112.86842346191406','112.86831665039062','112.86831665039062','112.8747329711914','112.86839294433594','112.86840057373048','112.8619613647461','112.86833953857422','112.868408203125','112.868408203125','112.874755859375','112.87474822998048','112.86835479736328','112.8587875366211','112.86839294433594'] ,
lat:['22.51969909667969','22.52138900756836','22.52138900756836','22.519102096557614','22.521320343017575','22.519702911376953','22.519594192504886','22.518978118896484','22.51967430114746','22.329179763793945','22.51898193359375','22.51968193054199','22.51862716674805','22.31758117675781','22.3289737701416','22.31758117675781','22.311920166015625','22.51890563964844','22.33408737182617','22.328954696655273','22.31687355041504','22.51913642883301','22.521324157714844','22.519733428955078','22.51918983459473','22.335636138916016','22.519046783447266','22.335851669311523','22.519685745239254','22.51901626586914','22.51892852783203','22.32926177978516','22.519052505493164','22.51969909667969','22.51892852783203','22.51892852783203','22.519100189208984','22.52132797241211','22.333744049072266','22.52113151550293','22.51896476745605','22.518985748291016','22.52133369445801','22.51969909667969','22.521488189697266','22.51968002319336','22.519695281982425','22.519685745239254','22.52134895324707','22.519685745239254','22.51909255981445','22.521137237548828','22.521137237548828','22.51969909667969','22.519672393798828','22.519052505493164','22.519702911376953','22.329179763793945','22.52143669128418','22.52143669128418','22.49198341369629','22.328954696655273','22.33408737182617','22.2666015625','22.333267211914066','22.3343563079834','22.333267211914066','22.32891845703125','22.266361236572266','22.328954696655273','22.266719818115234','22.32910919189453','22.32883644104004','22.26649475097656','22.26662254333496','22.33441162109375','22.328828811645508','22.328954696655273','22.3289737701416','22.329139709472656','22.328954696655273','22.519702911376953','22.328954696655273','22.328954696655273','22.521404266357425','22.33388328552246','22.51900863647461','22.519718170166016','22.519718170166016','22.51895904541016','22.51919364929199','22.51916694641113','22.51916694641113','22.328954696655273','22.520954132080078','22.333770751953125','22.333770751953125','22.492677688598636','22.329219818115234','22.518814086914066','22.520954132080078','22.520954132080078','22.333736419677734','22.51893615722656','22.49416732788086','22.47100830078125','22.329227447509766','22.329227447509766','22.51889228820801','22.519685745239254','22.51907730102539','22.5192813873291','22.519702911376953','22.52112197875977','22.492916107177734','22.51896858215332','22.51968193054199','22.491952896118164','22.519197463989254','22.51970672607422','22.519001007080078','22.51935577392578','22.519001007080078','22.329179763793945','22.33407592773437','22.329179763793945','22.329179763793945','22.329191207885746','22.344200134277344','22.329179763793945','22.334697723388672','22.329105377197266','22.52113151550293','22.51969337463379','22.519672393798828','22.521343231201172','22.51910781860352','22.5190544128418','22.5190544128418','22.51970100402832','22.51970100402832','22.51970100402832','22.52114677429199','22.51911735534668','22.51970100402832','22.504491806030273','22.51919937133789','22.18953514099121','22.50897979736328','22.505277633666992','22.18951988220215','22.504810333251953','22.506357192993164','22.344209671020508','22.313434600830078','22.583627700805664','22.31358337402344','22.1833553314209','22.1833553314209','22.507658004760746','22.50917625427246','22.509469985961914','22.52113342285156','22.344125747680664','22.328954696655273','22.51980400085449','22.329011917114254','22.51969146728516','22.519704818725586','22.52133560180664','22.328828811645508','22.51969909667969','22.51892471313477','22.518800735473636','22.52132606506348','22.519695281982425','22.519689559936523','22.51955986022949','22.51970100402832','22.52140617370605','22.519704818725586','22.521324157714844','22.519105911254886','22.52111625671387','22.51909828186035','22.52015495300293','22.51967811584473','22.521127700805664','22.521379470825195','22.52057266235352','22.51967430114746','22.52132797241211','22.51902198791504','22.51969337463379','22.51967620849609','22.519695281982425','22.329179763793945','22.32920265197754','22.329179763793945','22.329179763793945','22.51967811584473','22.329179763793945','22.333738327026367','22.51909255981445','22.51971244812012','22.51968765258789','22.51896095275879','22.51901626586914','22.51970863342285','22.521249771118164','22.51901626586914','22.51969718933105','22.51966094970703','22.51905059814453','22.519153594970703','22.51909446716309','22.51966857910156','22.51911735534668','22.519695281982425','22.52132797241211','22.51914978027344','22.51911735534668','22.51969146728516','22.513416290283203','22.51969718933105','22.51918792724609','22.518978118896484','22.51966667175293','22.5196533203125','22.519695281982425','22.51897621154785','22.521343231201172','22.51893424987793','22.51969146728516','22.519702911376953','22.51970100402832','22.51951026916504','22.51968193054199','22.51968193054199','22.51969909667969','22.519062042236328','22.51941299438477','22.519702911376953','22.519695281982425','22.520864486694336','22.51970863342285','22.49738883972168','22.51913452148437','22.51969146728516','22.51971435546875','22.333736419677734','22.333736419677734','22.519058227539066','22.456483840942386','22.51911544799805','22.519685745239254','22.52132606506348','22.5194091796875','22.51906013488769','22.52112197875977','22.51906013488769','22.519695281982425','22.51969909667969','22.51969909667969','22.51897621154785','22.51897621154785','22.5211181640625','22.51892852783203','22.33388328552246','22.33388328552246','22.51895904541016','22.51895904541016','22.51909065246582','22.334619522094727','22.51969909667969','22.51969909667969','22.519062042236328','22.519062042236328','22.51969909667969','22.51906394958496','22.519672393798828','22.51969909667969','22.52132606506348','22.519132614135746','22.519132614135746','22.51969337463379','22.51966857910156','22.51966857910156','22.52132606506348','22.51970100402832','22.51969718933105','22.509130477905273','22.519702911376953','22.519695281982425','22.51969718933105','22.52133178710937','22.521329879760746','22.519702911376953','22.50115966796875','22.519704818725586'],
name:'gps_point'
}]
var layout = {
autosize: true,
hovermode:'closest',
showlegend:true,
mapbox: {
bearing:0,
center: {
lat:22.467996703950984,
lon:112.7719541850843
},
pitch:0,
zoom:10
},
}
Plotly.setPlotConfig({
mapboxAccessToken: 'pk.eyJ1IjoidG1hOTk1IiwiYSI6ImNqdHIyZnJ0bjBmdDY0M3FkajF0aXFvbmgifQ.yxAXJDWAJJUpmdlp-mWGmw'
})
Plotly.newPlot('myDiv', data, layout, {showSendToCloud: true});
</script>
</div>
</body>
</html>