tmap-jsapi-loader

天地图 JSAPI 加载器。

该加载器具有以下特性：

• 支持以 普通JS 和 npm包 两种方式使用；
• 支持插件加载；
• 允许多次执行加载操作，网络资源不会重复请求

USAGE

TMapLoader.load 方法参数说明

TMapLoader.load({
    key: '您的密钥', // 天地图 `API` 密钥
    version: '4.0', // 天地图 `API` 版本
    timeout: 10000 // 加载超时时长，单位为毫秒
}).then(T => {
    console.log(T, T.Map)
    console.log(window.T, window.T.Map)
})

以 普通JS 方式使用 Loader

<script src="../dist/index.js"></script>
<script>
    TMapLoader.load({
        key: '您的密钥', // 天地图 `API` 密钥
        version: '4.0', // 天地图 `API` 版本
        timeout: 10000 // 加载超时时长，单位为毫秒
    }).then(T => {
        console.log('地图加载成功:', T)

        const map = new T.Map('mapContainer')
    }).catch((error) => {
        console.error('地图加载失败:', error)
    })
</script>

以 npm包 方式使用 Loader

安装

npm install --save-dev tmap-jsapi-loader

使用

import TMapLoader from 'tmap-jsapi-loader'

TMapLoader.load({
    key: '您的密钥', // 天地图 `API` 密钥
    version: '4.0', // 天地图 `API` 版本
    timeout: 10000 // 加载超时时长，单位为毫秒
}).then(T => {
    console.log('地图加载成功:', T)

    const map = new T.Map('mapContainer')
}).catch((error) => {
    console.error('地图加载失败:', error)
})

相关链接

天地图 JSAPI 4.0： 入门指导 类参考 代码示例