创建地图 | 腾讯位置服务

JavaScript API GL

地图操作示例
- 创建地图
- 地图加载完成事件
- 异步加载地图
- 同时加载两个地图
- 设置/获取地图中心
- 地图设置缩放焦点
- 地图平移
- 地图平滑变化至指定状态
- 设置/获取地图显示范围
- 设置/获取地图视角
- 设置地图边界范围
- 设置地图显示比例
- 设置地图中心点偏移
- 设置控件位置及样式
- 点击地图拾取坐标
- 点击地图拾取POI
- 2D/3D模式切换
- 卫星地图
- 实时路况
- 粒子路况
- 区域高亮
- 配置矢量底图
- 切换底图类型
- 调整图层顺序
- 销毁地图
- 天空盒
- 地图导出图片
- 设置鼠标样式
点标记&文本标记
- 普通Marker
- Marker随地图放大缩小
- 添加与移除marker
- 点击地图添加marker
- 为多个marker添加事件
- 自定义marker样式
- 自适应显示多个标记
- marker轨迹回放-全局模式
- marker轨迹回放-跟随模式
- marker拖动
- 点标记应用：周边检索
- 普通文本标记
- 文本标记点击事件
- 文本标记样式自定义
- 文本标记开启碰撞避让
- 标记跨图层碰撞
- 文本标记背景
- 图文标记
- Marker文本背景色
点聚合
- 基本点聚合功能
- 自定义聚合样式
- 点聚合跨图层碰撞
信息窗口
- 简单信息窗口
- 包含图文信息的信息窗口
- 点击标记弹出信息窗口
- 信息窗口偏移设置
- 自定义信息窗体
- 拖拽信息窗口
折线
- 简单折线
- 折线点击事件
- 折线样式自定义
- 折线应用:路线规划
- 折线-虚线样式
- 折线-大圆航线
- 线条泛光效果
- 管道线
- 折线-动态箭头
- 折线-彩虹线
多边形&3D棱柱
- 简单多边形
- 多边形拔起:3D棱柱
- 环形(带洞)多边形
- 多边形点击事件
- 多边形选中高亮显示
- 自定义多边形样式
- 多边形飞地
- 带飞地的区域实现高亮
- 简单圆形
- 自定义边线样式
自定义覆盖物
- DOMOverlay
- marker动画
- SVG图层
- DOMOverlay跨图层碰撞
- 添加动态gif图
- DomOverlay阻止事件冒泡
自定义栅格图层
- 自定义栅格图层
- 自定义栅格图层-销毁
- 叠加自定义网格
地图叠加图层
- 静态图贴地图层
- 自定义贴地图层
- WMS标准图层
自定义遮罩图层
- 自定义遮罩图层
个性化地图
- 墨渊(夜间模式效果)
- 玉露(绿色系活泼风格)
- 切换地图个性化样式
应用工具
- 绘制几何图形
- 编辑几何图形
- 编辑器的禁用和启用
- 开关编辑器键盘事件
- 设置编辑点为GL模式
- 测量工具
几何计算库
- 路径顺逆时针判断与转换
- 计算线上距离P点最近的点
- 计算多边形的交集区域
- 计算线与多边形是否相交
- 判断点是否在多边形边上
- 判断多边形是否在另一个多边形内
- 计算路径距离
- 计算区域面积
- 计算多边形形心
- 判断点与多边形的关系
矢量数据图层
- polygonGeoJSON
- 编辑GeojsonLayer数据
模型库
- GLTF模型沿线移动
- 3Dmarker
- 3DTiles模型
- GLTF模型加载
- 在地图上使用Three.js
- 使用Three.js加载模型
服务类库
- 关键字搜索
- 关键字输入提示
- 地址至坐标转换
- 坐标至地址转换
- 驾车路线规划
- 公交路线规划
- 行政区划边界
- 下属行政区查询
- IP定位
城市漫游
- 空中漫游
- 地面漫游
- 绕点环绕
环境检测
- 浏览器环境检测

运行复制还原源代码编辑器

清空控制台

已复制