map_3osm.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
  3. *********************************************************************-->
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="utf-8">
  8. <title data-i18n="resources.title_osmlayer"></title>
  9. </head>
  10. <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
  11. <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
  12. <script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
  13. <script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
  14. <script type="text/javascript">
  15. var map, osmLayer, vector, dataAdded = false;
  16. map = new SuperMap.Map("map", {
  17. controls: [
  18. new SuperMap.Control.Navigation(),
  19. new SuperMap.Control.Zoom(),
  20. new SuperMap.Control.LayerSwitcher(),
  21. new SuperMap.Control.MousePosition()
  22. ]
  23. });
  24. osmLayer = new SuperMap.Layer.OSM("OSM");
  25. vector = new SuperMap.Layer.Vector("vector");
  26. map.addLayers([osmLayer, vector]);
  27. addData();
  28. var bounds = new SuperMap.Bounds(-33554432, -33554432, 33554432, 33554432);
  29. map.zoomToExtent(bounds);
  30. function addData() {
  31. if (!dataAdded) {
  32. vector.removeAllFeatures();
  33. //点对象
  34. var point = new SuperMap.Geometry.Point(0, 0);
  35. var pointVector = new SuperMap.Feature.Vector(point);
  36. pointVector.style = {
  37. fillColor: "red",
  38. strokeColor: "yellow",
  39. pointRadius: 10
  40. };
  41. vector.addFeatures([pointVector]);
  42. dataAdded = true;
  43. } else {
  44. widgets.alert.showAlert(resources.msg_loadedData, true);
  45. }
  46. }
  47. </script>
  48. </body>
  49. </html>