由于ant pro隐藏.html,需要通过他们约定的方式引入即可。
1.配置config文件
/config/config.tsheadScripts: [// 解决首次加载时白屏的问题{ src: '/scripts/loading.js', async: true },{ src: "https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", async: true },//在这里引入],
2.使用
useEffect(() => {const center = new TMap.LatLng(39.984104, 116.307503);//初始化地图const map = new TMap.Map('container', {rotation: 20, //设置地图旋转角度pitch: 30, //设置俯仰角度(0~45)zoom: 12, //设置地图缩放级别center: center, //设置地图中心点坐标});}, []);<div id="container">13</div>
这个时候会报红
解决
/typings.d.ts
declare const TMap: any;//增加这一行即可