feat: 后端全量更新 - 含所有本次需求
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
This commit is contained in:
li
Executable
+217
@@ -0,0 +1,217 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Leaflet.js and GoJS</title>
|
||||
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
|
||||
<meta name="description" content="A map integrating a GoJS Diagram and the Leaflet mapping library." />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet-src.js"></script>
|
||||
|
||||
<script src="../release/go.js"></script>
|
||||
<script src="../assets/js/goSamples.js"></script> <!-- this is only for the GoJS Samples framework -->
|
||||
|
||||
<style type="text/css">
|
||||
/* CSS applied to the Leaflet map */
|
||||
.mapDiagram {
|
||||
border: solid 1px black;
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
#myDiagramDiv {
|
||||
z-index: 701;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script id="code">
|
||||
function init() {
|
||||
if (window.goSamples) goSamples(); // init for these samples -- you don't need to call this
|
||||
|
||||
/*
|
||||
Leaflet init
|
||||
*/
|
||||
var defaultZoom = 6;
|
||||
var mapOrigin = [50.02185841773444, 0.15380859375];
|
||||
myLeafletMap = L.map("map", {}).setView(mapOrigin, defaultZoom);
|
||||
L.tileLayer("https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}", {
|
||||
attribution: '© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
|
||||
maxZoom: 18,
|
||||
tileSize: 512,
|
||||
zoomOffset: -1,
|
||||
id: "mapbox/streets-v11",
|
||||
accessToken: "pk.eyJ1IjoiZ29qcyIsImEiOiJjaXppcnNkbDgwMzQ3MnFsNDFnY2phb2QwIn0.7AuVKrWdxQnJxa_W7qC3-w"
|
||||
}).addTo(myLeafletMap);
|
||||
|
||||
myLeafletMap.on("move", function(e) {
|
||||
myUpdatingGoJS = true;
|
||||
myDiagram.updateAllTargetBindings("latlong"); // Without virtualization this can be slow if there are many nodes
|
||||
myDiagram.redraw(); // At the expense of performance, this will make sure GoJS positions are updated immediately
|
||||
myUpdatingGoJS = false;
|
||||
});
|
||||
|
||||
var myUpdatingGoJS = false; // prevent modifying data.latlong properties upon Leaflet "move" events
|
||||
|
||||
/*
|
||||
GoJS init
|
||||
*/
|
||||
var $ = go.GraphObject.make;
|
||||
myDiagram = $(go.Diagram, "myDiagramDiv",
|
||||
{
|
||||
"dragSelectingTool.isEnabled": false,
|
||||
"animationManager.isEnabled": false,
|
||||
scrollMode: go.Diagram.InfiniteScroll,
|
||||
allowZoom: false,
|
||||
allowHorizontalScroll: false,
|
||||
allowVerticalScroll: false,
|
||||
hasHorizontalScrollbar: false,
|
||||
hasVerticalScrollbar: false,
|
||||
initialPosition: new go.Point(0, 0),
|
||||
padding: 0,
|
||||
"toolManager.hoverDelay": 100 // how quickly tooltips are shown
|
||||
});
|
||||
|
||||
var toolTipTemplate =
|
||||
$("ToolTip",
|
||||
$(go.TextBlock, { margin: 4 },
|
||||
new go.Binding("text", "", function(d) {
|
||||
return d.key + "\nlocation: [" + d.latlong.join(", ") + "]"
|
||||
}))
|
||||
);
|
||||
|
||||
// the node template describes how each Node should be constructed
|
||||
myDiagram.nodeTemplate =
|
||||
$(go.Node, "Auto",
|
||||
{
|
||||
toolTip: toolTipTemplate,
|
||||
locationSpot: go.Spot.Center
|
||||
},
|
||||
$(go.Shape, "Circle",
|
||||
{
|
||||
fill: "rgba(0, 255, 0, .4)",
|
||||
stroke: "#082D47",
|
||||
width: 7,
|
||||
height: 7,
|
||||
strokeWidth: 1
|
||||
}),
|
||||
// A two-way data binding with an Array of latitude,longitude numbers.
|
||||
// Unfortunately the Leaflet conversion functions are not inverses of each other,
|
||||
// so we have to explicitly avoid updating the source data Array
|
||||
// when myUpdatingGoJS is true; otherwise there would be accumulating errors.
|
||||
new go.Binding("location", "latlong", function(data) {
|
||||
var point = myLeafletMap.latLngToContainerPoint(data);
|
||||
return new go.Point(point.x, point.y);
|
||||
}).makeTwoWay(function(pt, data) {
|
||||
if (myUpdatingGoJS) {
|
||||
return data.latlong; // no-op
|
||||
} else {
|
||||
var ll = (myLeafletMap.containerPointToLatLng([pt.x, pt.y]));
|
||||
return [ll.lat, ll.lng];
|
||||
}
|
||||
})
|
||||
);
|
||||
|
||||
myDiagram.linkTemplate =
|
||||
$(go.Link,
|
||||
{
|
||||
layerName: "Background",
|
||||
curve: go.Link.Bezier,
|
||||
curviness: 2
|
||||
},
|
||||
$(go.Shape, { strokeWidth: 3, stroke: "rgba(100,100,255,.7)" })
|
||||
);
|
||||
|
||||
myDiagram.toolManager.draggingTool.doActivate = function() {
|
||||
myLeafletMap.dragging.disable();
|
||||
go.DraggingTool.prototype.doActivate.call(this);
|
||||
}
|
||||
|
||||
myDiagram.toolManager.draggingTool.doDeactivate = function() {
|
||||
myLeafletMap.dragging.enable();
|
||||
go.DraggingTool.prototype.doDeactivate.call(this);
|
||||
}
|
||||
|
||||
// create the model data that will be represented by Nodes and Links
|
||||
myDiagram.model = new go.GraphLinksModel(
|
||||
[
|
||||
// France
|
||||
{ key: "Paris", latlong: [48.876569, 2.359017] },
|
||||
{ key: "Brest", latlong: [48.387778, -4.479921] },
|
||||
{ key: "Rennes", latlong: [48.103375, -1.672809] },
|
||||
{ key: "Le Mans", latlong: [47.995562, 0.192413] },
|
||||
{ key: "Nantes", latlong: [47.217579, -1.541839] },
|
||||
{ key: "Tours", latlong: [47.388502, 0.694500] },
|
||||
{ key: "Le Havre", latlong: [49.492755, 0.125278] },
|
||||
{ key: "Rouen", latlong: [49.449031, 1.094128] },
|
||||
{ key: "Lille", latlong: [50.636379, 3.070620] },
|
||||
|
||||
// Belgium
|
||||
{ key: "Brussels", latlong: [50.836271, 4.333963] },
|
||||
{ key: "Antwerp", latlong: [51.217495, 4.421204] },
|
||||
{ key: "Liege", latlong: [50.624168, 5.566008] },
|
||||
|
||||
// UK
|
||||
{ key: "London", latlong: [51.531132, -0.125132] },
|
||||
{ key: "Bristol", latlong: [51.449541, -2.581118] },
|
||||
{ key: "Birmingham", latlong: [52.477405, -1.898494] },
|
||||
{ key: "Liverpool", latlong: [53.408396, -2.978809] },
|
||||
{ key: "Manchester", latlong: [53.476346, -2.229651] },
|
||||
{ key: "Leeds", latlong: [53.795480, -1.548345] },
|
||||
{ key: "Glasgow", latlong: [55.863287, -4.250989] },
|
||||
],
|
||||
[
|
||||
{ from: "Brest", to: "Rennes" },
|
||||
{ from: "Rennes", to: "Le Mans" },
|
||||
{ from: "Nantes", to: "Le Mans" },
|
||||
{ from: "Le Mans", to: "Paris" },
|
||||
{ from: "Tours", to: "Paris" },
|
||||
{ from: "Le Havre", to: "Rouen" },
|
||||
{ from: "Rouen", to: "Paris" },
|
||||
{ from: "Lille", to: "Paris" },
|
||||
{ from: "London", to: "Lille" },
|
||||
|
||||
{ from: "Lille", to: "Brussels" },
|
||||
{ from: "Brussels", to: "Antwerp" },
|
||||
{ from: "Brussels", to: "Liege" },
|
||||
|
||||
{ from: "Bristol", to: "London" },
|
||||
{ from: "Birmingham", to: "London" },
|
||||
{ from: "Leeds", to: "London" },
|
||||
{ from: "Liverpool", to: "Birmingham" },
|
||||
{ from: "Manchester", to: "Liverpool" },
|
||||
{ from: "Manchester", to: "Leeds" },
|
||||
{ from: "Glasgow", to: "Manchester" },
|
||||
{ from: "Glasgow", to: "Leeds" }
|
||||
]);
|
||||
} // end init
|
||||
</script>
|
||||
</head>
|
||||
<body onload="init()">
|
||||
|
||||
<div id="sample">
|
||||
<div id="map" class="mapDiagram">
|
||||
<div id="myDiagramDiv" class="mapDiagram"></div>
|
||||
</div>
|
||||
<p>
|
||||
This sample integrates GoJS as a layer above the <a href="http://leafletjs.com/">Leaflet mapping library</a>.
|
||||
This demonstrates how to use GoJS within a GIS application by displaying a Diagram of nodes and links atop the map,
|
||||
using latitude and longitude for their coordinates.
|
||||
</p>
|
||||
<p>
|
||||
You can pan and zoom with Leaflet, and select and drag with GoJS.
|
||||
The GoJS div is on top of the Leaflet map, but this sample selectively bubbles events to leaflet by using a custom Tool.
|
||||
Dragged nodes will update their latitude and longitude data in the <a>Diagram.model</a>.
|
||||
</p>
|
||||
<p>
|
||||
This diagram displays a few train stations and routes in France, Belgium, and the UK.
|
||||
The data is only meant as an example of using GoJS and is not meant to be accurate.
|
||||
</p>
|
||||
<p>
|
||||
Note that the map is fetched through the <a href="https://mapbox.com/">Mapbox</a> API.
|
||||
Access tokens can expire, and you'll need to get your own token.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user