1.配置对应appkey 腾讯地图我的应用
2.在项目中的index.html中用script标签引入访问地址:
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=你配置的appkey"></script>
3.在要展示地图的组件中,写一个标签,使用id选择器
ts代码:
//当前我的id是:map-content
getMap() {
let map = new TMap.Map(document.getElementById('map-content'), {
resizeEnable: true,
zoom: 11,
center: new TMap.LatLng(39.98412, 116.307484),
});
}
***注意的点****
加载地图的事件,在ngAfterViewInit生命周期触发。
切换组件时,记得用完了销毁。