angular引入腾讯地图组件

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生命周期触发。
切换组件时,记得用完了销毁。

猜你喜欢

转载自blog.csdn.net/weixin_40121676/article/details/121909490