ctfo-amap
v0.0.16
Published
贵州TOCC-高德地图封装
Downloads
22
Readme
CtfoAmap
贵州TOCC-高德地图封装
本封装使用高德 js api方式加载,里面不涉及 坐标系转化
使用
安装
yarn add ctfo-amap
引用
import CtfoAmap from 'ctfo-amap'
const cmap = CtfoAmap(container, mapConfig)
注意
使用本项目需要在 index.html
中添加 高德地图的 loaderjs
<!doctype html>
<html lang="zh-CN">
<head>
xxx
<script src="https://webapi.amap.com/loader.js"></script>
</head>
<body>
xxx
</body>
</html>
引入部分相关css
import "ctfo-amap/css/index.css"
如果项目使用ts,则需要添加依赖 @amap/amap-jsapi-types
yarn add --dev @amap/amap-jsapi-types
同时在入口文件中引入依赖
import '@amap/amap-jsapi-types/index.d.ts'
// 或者
import '@amap/amap-jsapi-types'
如果地图配置是全局变量配置的,则需要加上CtfoAmapConfig
的全局类型
import { CtfoAmapConfig } from 'ctfo-amap/types'
declare global {
interface Window {
CtfoAmapConfig: CtfoAmapConfig
}
}
如果 CtfoAmap
的对象需要设置为全局变量,则需要对该对象进行类型定义
import CtfoAmap from 'ctfo-amap/index.d.ts'
declare global {
interface Window {
cmap: CtfoAmap
}
}