【fix】 fix ol 可视化 三叶草范例点击报错问题 review by songym

liqian7 · liqian7 · commit d0381ef37215 · 2019-12-27T14:14:32.000+08:00
diff --git a/examples/leaflet/12_graphicLayerImage.html b/examples/leaflet/12_graphicLayerImage.html
@@ -60,7 +60,6 @@
                     L.supermap.graphicLayer(graphics, {
                         render: 'canvas',
                         onClick: function (graphic, evt) {
-                            console.log(evt);
                             L.popup().setLatLng(evt.latlng)
                                 .setContent('<p>' + resources.text_latLng + '：<br>' + graphic.getLatLng()
                                     .lng + ',<br>' + graphic.getLatLng().lat + '</p>')
diff --git a/examples/openlayers/07_graphiclayer_clover.html b/examples/openlayers/07_graphiclayer_clover.html
@@ -148,9 +148,9 @@
                         graphics: graphics,
                         render:"canvas",
                         map: map,
-                        onClick: function (graphic,e) {
+                        onClick: function (graphic) {
                             if (graphic) {
-                                var coords = e.coordinate;
+                              var coords = graphic.getGeometry().getCoordinates();
                                 content.innerHTML = resources.text_coordinate + ":[" + coords[0] + "," + coords[1] + "]";
                                 overlay.setPosition(coords);
                                 return;
diff --git a/examples/openlayers/07_graphiclayer_image.html b/examples/openlayers/07_graphiclayer_image.html
@@ -10,61 +10,11 @@
     <title data-i18n="resources.title_graphicLayerTaxi"></title>
     <script type="text/javascript" include="papaparse,widgets" src="../js/include-web.js"></script>
     <script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
-    <style>
-        .ol-popup {
-            position: absolute;
-            background-color: white;
-            -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
-            filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
-            padding: 15px;
-            border-radius: 10px;
-            border: 1px solid #cccccc;
-            bottom: 12px;
-            left: -50px;
-            min-width: 50px;
-        }
-
-        .ol-popup:after, .ol-popup:before {
-            top: 100%;
-            border: solid transparent;
-            content: " ";
-            height: 0;
-            width: 0;
-            position: absolute;
-            pointer-events: none;
-        }
-
-        .ol-popup:after {
-            border-top-color: white;
-            border-width: 10px;
-            left: 48px;
-            margin-left: -10px;
-        }
-
-        .ol-popup:before {
-            border-top-color: #cccccc;
-            border-width: 11px;
-            left: 48px;
-            margin-left: -11px;
-        }
-    </style>
 </head>
 <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%; position: absolute;top: 0;">
 <div id="map" style="width: 100%;height:100%"></div>
-<div id="popup" class="ol-popup">
-    <div id="popup-content"></div>
-</div>
 <script type="text/javascript">
     var url = (window.isLocal ? window.server : "https://iserver.supermap.io") + "/iserver/services/map-china400/rest/maps/ChinaDark",
-        container = document.getElementById('popup'),
-        content = document.getElementById('popup-content'),
-        overlay = new ol.Overlay(({
-            element: container,
-            autoPan: true,
-            autoPanAnimation: {
-                duration: 250
-            }
-        })),
         map = new ol.Map({
             target: 'map',
             controls: ol.control.defaults({attributionOptions: {collapsed: false}})
@@ -74,8 +24,7 @@
                 zoom: 12,
                 projection: 'EPSG:3857',
                 multiWorld: true
-            }),
-            overlays: [overlay]
+            })
         });
 
     loadData();
