didi-jsapi

# 滴滴地图 JSAPI 开发指南 滴滴地图 JSAPI 开发指南。包含地图初始化、安全密钥配置、标记、覆盖物、事件、图层等核心模块的 API 说明和代码示例，旨在帮助开发者快速集成滴滴地图并遵循正确的使用方式。 ## 何时适用 在以下场景中参考这些指南： - 创建新的地图页面或组件 - 配置安全密钥和代理服务器 - 在地图上添加标记、折线、多边形等覆盖物 - 处理地图交互事件（点击、拖拽、缩放等） - 配置地图样式或切换图层 - 调试地图渲染或性能问题 ## 快速参考 ### 0. 安全认证 - `references/jsapi-auth.md` - 安全密钥配置：代理服务器转发、明文方式设置 ### 1. 基础类 - `references/coordinate-lnglat.md` - 经纬度类：LngLat 构造、转换 - `references/coordinate-lnglatbounds.md` - 经纬度边界：LngLatBounds 构造、扩展 - `references/coordinate-point.md` - 屏幕坐标点：Point 构造 - `references/coordinate-mercator.md` - 墨卡托坐标：MercatorCoordinate 转换 ### 2. 地图核心 - `references/map.md` - 地图类：Map 初始化、视图控制、交互处理 - `references/base-evented.md` - 事件基类：Evented 事件监听、触发 - `references/base-supported.md` - 浏览器支持检测 ### 3. 标记与覆盖物 - `references/marker.md` - 点标记：Marker 构造、位置、拖拽 - `references/marker-cluster.md` - 点聚合：MarkerCluster 聚合配置 - `references/overlay-base.md` - 覆盖物基类：OverlayBase 通用方法 - `references/overlay-circle.md` - 圆形覆盖物：Circle 构造、半径 - `references/overlay-circlemarker.md` - 圆形标记：CircleMarker 构造 - `references/overlay-polygon.md` - 多边形：Polygon 构造、坐标 - `references/overlay-polyline.md` - 折线：Polyline 构造、样式 - `references/overlay-rectangle.md` - 矩形：Rectangle 构造、边界 - `references/overlay-heatmap.md` - 热力图：Heatmap 数据、样式 - `references/overlay-labellayer.md` - 标签图层：LabelLayer 管理 - `references/overlay-labelmarker.md` - 标签标记：LabelMarker 文本 ### 4. 弹窗 - `references/popup.md` - 弹出窗口：Popup 构造、内容、位置 ### 5. 控件 - `references/control-attribution.md` - 版权控件：AttributionControl - `references/control-fullscreen.md` - 全屏控件：FullscreenControl - `references/control-geolocate.md` - 定位控件：GeolocateControl - `references/control-navigation.md` - 导航控件：NavigationControl - `references/control-scale.md` - 比例尺控件：ScaleControl - `references/control-measure.md` - 测量控件：Measure 距离、面积 ### 6. 矢量图层 - `references/vector-base-layer.md` - 图层基类：BaseLayer 通用方法 - `references/vector-base-feature.md` - 要素基类：BaseFeature 通用方法 - `references/vector-circle-layer.md` - 圆形图层：CircleLayer - `references/vector-circle-feature.md` - 圆形要素：CircleFeature - `references/vector-heatmap-layer.md` - 热力图图层：HeatmapLayer - `references/vector-heatmap-feature.md` - 热力图要素：HeatmapFeature - `references/vector-polygon-layer.md` - 多边形图层：PolygonLayer - `references/vector-polygon-feature.md` - 多边形要素：PolygonFeature - `references/vector-polygon-extrusion-layer.md` - 3D多边形图层：PolygonExtrusionLayer - `references/vector-polygon-extrusion-feature.md` - 3D多边形要素：PolygonExtrusionFeature - `references/vector-polyline-layer.md` - 折线图层：PolylineLayer - `references/vector-polyline-feature.md` - 折线要素：PolylineFeature - `references/vector-symbol-layer.md` - 符号图层：SymbolLayer - `references/vector-symbol-feature.md` - 符号要素：SymbolFeature ### 7. 编辑器 - `references/editor-shape.md` - 图形编辑器：ShapeEdit 绘制、编辑 ### 8. 服务 - `references/service-geocode.md` - 地理编码服务：GeoCodeService 地址转坐标 - `references/service-poi.md` - POI 搜索服务：PoiService 地点搜索 - `references/service-route.md` - 路径规划服务：RoutePlanService 路线规划 ### 9. 工具类 - `references/util-geometry.md` - 几何工具：GeometryUtil 距离、面积计算 - `references/geolocation.md` - 地理定位：GetGeoLocation 获取位置 ### 10. 类型定义 - `references/types.md` - 类型定义：TypeScript 类型声明 ## 如何使用 请阅读各个参考文件以获取详细说明和代码示例。每个参考文件包含： - 功能简要说明 - 完整代码示例及解释 - API 参数说明和注意事项 示例： ``` references/map.md references/marker.md ```