diff --git a/demos/marker.html b/demos/marker.html index 0cd4187f5e..6735978198 100644 --- a/demos/marker.html +++ b/demos/marker.html @@ -48,7 +48,17 @@ .render(); }); $.getJSON('https://gw.alipayobjects.com/os/basement_prod/0b96cca4-7e83-449a-93d0-2a77053e74ab.json', function(data) { - console.log(data); + scene.PointLayer() + .source(data.nodes,{ + parser:{ + type:'json', + coordinates:'coordinates', + } + }) + .shape('circle') + .color('#f00') + .size(8) + .render(); data.nodes.forEach(item=>{ const el = document.createElement('div'); const total = item.gdp.Agriculture + item.gdp.Industry + item.gdp.Service; diff --git a/src/component/css/l7.css b/src/component/css/l7.css index 3ec20e6494..3a9235ef55 100644 --- a/src/component/css/l7.css +++ b/src/component/css/l7.css @@ -1,5 +1,5 @@ .l7-marker { - position: absolute; + position: absolute !important; top: 0; left: 0; z-index: 5; diff --git a/src/map/AMap.js b/src/map/AMap.js index 7b60428562..13864b6b00 100644 --- a/src/map/AMap.js +++ b/src/map/AMap.js @@ -110,7 +110,7 @@ export default class GaodeMap extends Base { this.amapContainer = this.map.getContainer().getElementsByClassName('amap-maps')[0]; this.renderDom = document.createElement('div'); this.renderDom.style.cssText += - 'position: absolute;top: 0; z-index:1;height: 100%;width: 100%;pointer-events: none;'; + 'position: absolute;top: 0;height: 100%;width: 100%;pointer-events: none;'; this.renderDom.id = 'l7_canvaslayer'; this.amapContainer.appendChild(this.renderDom);