首页 > 其他分享 >通过高德地图 JS API实现 鼠标绘制多边形

通过高德地图 JS API实现 鼠标绘制多边形

时间:2024-07-08 15:28:07浏览次数:9  
标签:longitude JS API AMap latitude import 高德

效果图: 

 

核心代码:

<template>
  <a-modal title="选择地图所在位置" :width="width" :visible="visible" @ok="handleOk" @cancel="handleCancel" cancelText="关闭">
    <div class="location-map-box">
      <div class="map-box" id="locationMap"></div>
      <a-input class="location-map-search-box" id="tipinput" v-model:value="value" addon-before="关键字:" />
      <div v-if="latitude" class="map-location-box">{
  { longitude + ',' + latitude }}</div>
    </div>
  </a-modal>
</template>

<script lang="ts" setup>
  import AMap

标签:longitude,JS,API,AMap,latitude,import,高德
From: https://blog.csdn.net/qq_35366269/article/details/140269694

相关文章

  • nodejs编写退出登录的接口逻辑
    目录1.安装必要的依赖2.登录成功生成和返回JWT3.在服务器端维护一个黑名单列表,记录已失效的JWT4.在验证JWT时检查黑名单5.退出登录时将JWT添加到黑名单中完整代码nodejs实现退出登录接口的逻辑,通常包括以下步骤:安装必要的依赖登录成功生成和返回JWT。在服务器......
  • nodejs登录成功生成token并验证
    目录1.安装必要的依赖包2.创建Express应用3.生成token4.使用`express-jwt`验证Token5.错误处理在Node.js中,nodejs登录成功生成token并验证通常涉及以下几个步骤:安装必要的依赖包:常用的库包括 `express`用于创建服务器,`jsonwebtoken`用于处理JWT(JSONWebToken),`expr......
  • [NodeJS] NodeJS运行原理简记
    NodeJS的基本组成NodeJS是JavaScript运行时,主要由V8引擎和libuv组成,其中V8使用javascript和c++编写,而libuv是纯c++编写的,二者都是开源的。V8引擎用于将javascript代码转换为计算机可以执行的机器码;而libuv则负责完成异步IO、与操作系统交互(文件系统和网络模块)、事件循......
  • node.js 写一个静态目录做cdn
    /**@Author:HuangBingQuan<[email protected]>*@Date:2024-07-0721:16:08*@LastEditTime:2024-07-0812:56:45*@FilePath:/myCdn/index.js*/consthttp=require('http');constfs=require('fs');constURL=require(......
  • 免费的壁纸API
    最近在给EasyDesktop增加背景的功能,考虑自己在服务器上部署壁纸,维护成本比较高,就找了几个免费的壁纸接口,体验还不错,这里简单记录一下.1.Bing壁纸API地址是:https://peapix.com/api使用起来比较简单,直接用fetch方法即可回去当日的bing壁纸列表,返回结构如下:[{......
  • 起底:Three.js和Cesium.js,二者异同点,好比全科和专科.
    Three.js和Cesium.js是两个常用的webGL引擎,很多小伙伴容易把它们搞混淆了,今天威斯数据来详细介绍一下,他们的起源、不同点和共同点,阅读后你就发现二者就像全科医院和专科医院的关系,很好识别。一、二者的起源Three.js的起源:Three.js是由RicardoCabello(也被称为mrdoob)创建的开......
  • Unity入门之重要组件和API(3) : Transform
    前言Transform类主要处理游戏对象(GameObject)的位移、旋转、缩放、父子关系和坐标转换。1.位置和位移1.1必备知识点:Vector3Vector3主要用来表示三维坐标系中的一个点或者一个向量。【声明】Vector3v1=newVector3();Vector3v2=newVector3(10,10);Vector3v3......
  • 一个难忘的json反序列化问题
    前言最近我在做知识星球中的商品秒杀系统,昨天遇到了一个诡异的json反序列化问题,感觉挺有意思的,现在拿出来跟大家一起分享一下,希望对你会有所帮助。案发现场我最近在做知识星球中的商品秒杀系统,写了一个filter,获取用户请求的header中获取JWT的token信息。然后根据token信息,获取......
  • Win11系统提示找不到JSC.Resources.dll文件的解决办法
    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个JSC.Resources.dll文件(挑选合适的版本文件)......
  • JS根据json数组多个字段排序及json数组常用操作
    本文转载自:https://www.jb51.net/article/162623.htm js根据json数组多个字段排序的实现代码如下所示:1/**数组根据数组对象中的某个属性值进行排序的方法2*使用例子:newArray.sort(sortByArr(['number'],false))//表示根据number属性降序排列;若第二个参数不传递,默......