整合腾讯云地图的绘制和编辑几何图形

最新推荐文章于 2025-03-19 15:00:34 发布

原创

最新推荐文章于 2025-03-19 15:00:34 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#腾讯地图 #javascript

本文介绍了如何整合腾讯云地图的绘制和编辑功能。提供了官方的绘制及编辑几何图形的示例链接，并强调在实际使用时需要替换代码中的key为个人的key。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方绘制案例：https://lbs.qq.com/webDemoCenter/glAPI/glEditor/toolDraw

官方编辑案例：https://lbs.qq.com/webApi/javascriptV2/jsGuide/jsCover

整合绘制和编辑代码如下：

记得把代码里的key改成自己的！


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>编辑几何图形</title>
</head>
<script charset="utf-8"
  src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=改成自己的key"></script>
<style type="text/css">
  html,
  body {
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  #map-container {
    width: 100%;
    height: 80%;
    position: relative;
  }

  #toolControl {
    position: abs