|
|
@ -21,20 +21,55 @@ const Example = (props) => { |
|
|
// dispatch({ type: 'TAB-CHANGE', data: tab })
|
|
|
// dispatch({ type: 'TAB-CHANGE', data: tab })
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
const map = new AMap.Map("amapId", { |
|
|
|
|
|
//resizeEnable: true,
|
|
|
|
|
|
center: [115.880421, 28.529637],//地图中心点，初始定位加载显示楼块
|
|
|
|
|
|
// center: [115.857952, 28.683003],//地图中心点
|
|
|
|
|
|
zoom: 8,//地图显示的缩放级别
|
|
|
|
|
|
zooms: [8, 18], |
|
|
|
|
|
pitch: 65, // 地图俯仰角度，有效范围 0 度- 83 度
|
|
|
|
|
|
viewMode: '3D', // 地图模式
|
|
|
|
|
|
// rotation: 60
|
|
|
|
|
|
// showLabel: false
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//主题样式
|
|
|
|
|
|
let styleName = 'amap://styles/fb26776387242721c2fc32e2cb1daccc'; |
|
|
|
|
|
map.setMapStyle(styleName); |
|
|
|
|
|
|
|
|
|
|
|
let mapComplete = false; |
|
|
|
|
|
let windowOnload = false; |
|
|
|
|
|
window.onload = function () { |
|
|
|
|
|
windowOnload = true; |
|
|
|
|
|
} |
|
|
|
|
|
return () =>{ |
|
|
|
|
|
map.destroy(); //销毁地图
|
|
|
|
|
|
map=null |
|
|
|
|
|
} |
|
|
|
|
|
}, []) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<Spin tip="biubiubiu~" spinning={loading}> |
|
|
<Spin tip="biubiubiu~" spinning={loading}> |
|
|
<div id='example2' style={{ |
|
|
<div style={{ |
|
|
backgroundColor: "#031839", width: "100vw", height: "100vh", /* transform: `scale(${Math.min( |
|
|
backgroundColor: "#031839", width: "100vw", height: "100vh", /* transform: `scale(${Math.min( |
|
|
document.body.clientWidth / 1920, |
|
|
document.body.clientWidth / 1920, |
|
|
document.body.clientHeight / 1080 |
|
|
document.body.clientHeight / 1080 |
|
|
)})`, */
|
|
|
)})`, */
|
|
|
}}> |
|
|
}}> |
|
|
|
|
|
<div id='amapId' style={{ position: 'absolute', width: "100%", height: "100%" }}></div> |
|
|
<div style={{ width: "100%", height: "10%" }}> |
|
|
<div style={{ width: "100%", height: "10%" }}> |
|
|
<Header tabChange={tabChange} tabKey={tabKey} dispatch={dispatch} /> |
|
|
<Header tabChange={tabChange} tabKey={tabKey} dispatch={dispatch} /> |
|
|
</div> |
|
|
</div> |
|
|
<div style={{ width: "100%", height: "90%" }}> |
|
|
|
|
|
|
|
|
<div style={{ position: 'absolute', width: "100%", height: "90%" }}> |
|
|
<Footer tabKey={tabKey} /> |
|
|
<Footer tabKey={tabKey} /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
{/* </div> */} |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</Spin> |
|
|
</Spin> |
|
|
) |
|
|
) |
|
|
|
‘lijianhao’
2 years ago