介绍
bz-qq-map 是一款基于腾讯地图 API 开发的 npm 包，可用于快速在前端中集成腾讯地图的基础功能，如地图展示、marker 添加、路线规划等。该包提供了简单易用的 API 接口，适合任何前端开发者使用。
安装
使用 npm 安装 bz-qq-map
npm install bz-qq-map --save
基本使用
导入模块
import BzQqMap from 'bz-qq-map'
创建地图
const map = new BzQqMap.Map({
container: 'map-container', // 地图容器 id
center: [104.0668, 30.5728], // 地图中心点经纬度
zoom: 13 // 地图缩放级别
})添加 Marker
const marker = new BzQqMap.Marker({
position: [104.0668, 30.5728], // Marker 位置经纬度
title: '这是一个 Marker'
})
map.addMarker(marker)路线规划
-- -------------------- ---- -------
----- ------- - --- ----------------------
------ ------------ -----------
---- ------------ -----------
----------------- -------- -- -
----- ---- - ---------------
----- ----- - --- ------------------
----- ------------------- -- --------------- -- ------- ---------
------------ -------
-------------- ----
------------- --
---
--
-
--
----------------完整示例
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- ------------
-------
-------------- -
------- ------
-
--------
-------
------
---- -------------------------
------- ----------------------------------------------------------------
------- ---------------------------------------------------------------------------------------
------- --------------
------ ------- ---- -----------
----- --- - --- -------------
---------- ----------------
------- ---------- ---------
----- --
--
----- ------ - --- ----------------
--------- ---------- ---------
------ ----- -------
--
---------------------
----- ------- - --- ----------------------
------ ------------ -----------
---- ------------ -----------
----------------- -------- -- -
----- ---- - ---------------
----- ----- - --- ------------------
----- ------------------- -- --------------- -- ------- ---------
------------ -------
-------------- ----
------------- --
---
--
-
--
----------------
---------
-------
-------总结
bz-qq-map 提供了简单易用的 API 接口，方便开发者集成腾讯地图基础功能，极大地提高了开发效率。除了基础功能，该包也支持自定义样式、自定义 InfoWindow 等高级功能。如果你用到了腾讯地图相关功能，可以考虑使用 bz-qq-map。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8fccdc64669dde5755