components_dataFlow.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. <meta charset="UTF-8">
  8. <title data-i18n="resources.title_dataFlow"></title>
  9. <script type="text/javascript" src="../js/include-web.js"></script>
  10. <script type="text/javascript" include="iclient-leaflet-css"
  11. src="../../dist/leaflet/include-leaflet.js"></script>
  12. </head>
  13. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  14. <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
  15. <script>
  16. var map = L.map('map', {
  17. center: [39.88, 116.42],
  18. maxZoom: 18,
  19. zoom: 12
  20. });
  21. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  22. var url = host + '/iserver/services/map-china400/rest/maps/ChinaDark';
  23. L.supermap.tiledMapLayer(url).addTo(map);
  24. L.supermap.components.dataFlow({
  25. //pointToLayer 设置点样式:
  26. pointToLayer: function (geoJsonPoint, latlng) {
  27. return L.circleMarker(latlng, {
  28. color: "blue",
  29. weight: 1.5,
  30. fillColor: "blue",
  31. fillOpacity: 0.4,
  32. radius: 6
  33. });
  34. },
  35. }).addTo(map);
  36. </script>
  37. </body>
  38. </html>