• 2024-12-26Vue项目接入高德地图
    说明:最近开发中有需要使用英文版本的地图,比较下采用了高德地图(百度不支持英文JSAPI,谷歌需要visa信用卡认证),记录一下开发过程。申请密钥,地址:高德地图开放平台在index.html中引入对应文件<linkrel="stylesheet"href="https://a.amap.com/jsapi_demos/static/demo-center/css
  • 2024-12-09调用高德API 进行对接钉钉的签到的经纬度计算行程轨迹
    调用高德API进行对接钉钉的签到的经纬度计算行程轨迹importjsonimportrequestskey_amap='1c807c7b070eac7b6ffa7cd894bb112a49'#生产环境中,可以根据钉钉签到中获取到的经纬度进行构造这个origin和destinationorigin='28.856221,120.741824'destination='28.91
  • 2024-12-12VS下进行CUDA编译时error MSB3721相关的原因之一
    报错:“1>D:\MicrosoftVisualStudio\2019\Community\MSBuild\Microsoft\VC\v160\BuildCustomizations\CUDA11.6.targets(790,9):errorMSB3721:命令“"C:\ProgramFiles\NVIDIAGPUComputingToolkit\CUDA\v11.6\bin\nvcc.exe"-gencode=arch=com
  • 2024-12-06C:结构体、联合体
    结构体结构体类型的存储区里包含多个子存储区,每个子存储区可以用来记录对应的信息子存储区(成员变量)可以是不同的数据类型,也可以是结构体类型的结构体声明语句用来创建结构体类型,需要使用struct关键字结构体类型名称由关键字struct和结构体名称一起构成结构体成员变量声
  • 2024-11-26[Linux]基础IO
    基础IO空文件也要在磁盘占据空间。文件=内容+属性。对文件操作=对内容+对属性的操作,或是对内容和属性的操作。标定一个文件,必须使用:文件路径+文件名。(可以表示唯一性)如果没有指明对应的文件路径,默认是在当前路径进行文件的访问。当我们把fopen,fclose,fread,fwrite
  • 2024-10-01vue2接入高德地图实现折线绘制、起始点标记和轨迹打点的完整功能(提供Gitee源码)
    目录一、申请密钥二、安装element-ui三、安装高德地图依赖四、完整代码五、运行截图六、官方文档七、Gitee源码一、申请密钥登录高德开放平台,点击我的应用,先添加新应用,然后再添加Key。​如图所示填写对应的信息,系统就会自动生成。​二、安装element-ui没安装的
  • 2024-09-25高德地图 ->选点,地址搜索,坐标逆解析
    1.安装高德依赖  vue-amap文档npminstallvue-amap-S2.组件引入及注册将下方 AMapPoint 压缩包解压放到 /src/components 目录下。importAMapPointfrom'@/components/AMapPoint'Vue.component('AMapPoint',AMapPoint)3. 从2021年后生成的地图 key 需
  • 2024-09-13【GIS开发小课堂】写一个高德地图巡航功能的小DEMO
    介绍此项目使用vite为基础架构,内部实现均以typescript开发,可替换为自己的业务逻辑,并迁移到react,vue,umi等其他框架。通过调用高德地图的API和threejs的开发,实现了一个小鸭子(可替换为自己的模型)沿着规划路线行走,并使镜头跟随小鸭子前进的功能。该功能主要常见于外卖平台
  • 2024-09-07零基础上手WebGIS+智慧校园实例(长期更新#2)【html by js】
    请点个赞+收藏+关注支持一下博主喵!!!等下再更新一下1.WebGIS矢量图形的绘制(超级详细!!),2.WebGIS计算距离,以及智慧校园实例with3个例子!!!!,尽情期待!!!之后代码+资料全部发到github里,希望大家能关注一下咱的Github进行WebGIS开发时,引入API是一个关键步骤,它允许开发者将地图服务和功
  • 2024-08-26vue2调用高德地图api使用详细案例
      我是主要做java开发的,前台需要使用高德地图集成vue2进行页面展示,所以在第三个案例中,开始的经纬度和结束的经纬度都进行了变量定义且进行了格式优化,如需要后台调用参数,则只需要修改变量的值进行赋值,则可以正常进行开始点和结束点的路程规划以及调用,前台具体的行程信
  • 2024-08-15React 高德地图 进京证 路线规划 问题小记
    一、加载问题用高德地图做了个进京证路线规划的功能,官网也是有React代码示例。但是吧,这个Demo有问题,地图是能加载成功,但是其他功能再用map这个变量肯定不行,果不其然是null,处理也简单,把公共变量都管理起来就行了。const[map,setMap]=useState(null);const[AMap,setAMa
  • 2024-08-12Vue.js 项目中集成高德地图 API
    要在Vue.js项目中集成高德地图API,你可以按照以下步骤操作:###第一步:引入高德地图API首先,你需要在你的Vue项目中引入高德地图的JSAPI。可以通过在HTML文件中直接引入CDN链接或者使用npm安装的方式。####通过CDN引入:在`public/index.html`文件中的`<head
  • 2024-08-09高德地图 JS API2.0(入门级使用教程)
    高德地图JSAPI2.0入门使用教程准备工作注册高德地图开发者账号进入高德开放平台首页使用手机号注册,然后完成身份认证。创建应用[应用管理]-->[创建新的应用]–>[填写应用名称以及应用类型]-->[添加],然后获取到安全密钥和key即可。过程如下图:阅读参考文档
  • 2024-08-06高德地图巡航功能
    高德地图巡航功能本文所涉及所有资源均在传知代码平台可获取文章目录高德地图巡航功能介绍加载地图添加GLCustomLayer图层镜头信息的获取初始化loca加载模型旋转模型计算轨迹镜头跟踪其他介绍此项目使用vite为基础架构,内部实现均以typescript开发,可替换为自己
  • 2024-07-31uni-app 微信小程序 用高德sdk获取地理位置,以及天气信息
    1、下载高德小程序sdk,并放在uni-app项目中相关下载-微信小程序插件|高德地图API2、使用高德小程序sdk获取地理位置接口,天气信息接口importamapfrom"@/libs/gaode/amap-wx.130.js";let_this=this; letmyAmapFun=newamapFile.AMapWX({ key:'你的key'
  • 2024-07-18Vue.js 集成高德地图:从零开始的实战指南
    Vue.js集成高德地图:从零开始的实战指南在现代Web开发中,地图服务已经成为许多应用的核心功能之一。高德地图作为国内领先的地图服务提供商,提供了强大的API接口,方便开发者在应用中集成地图功能。今天,我们将深入探讨如何在Vue.js项目中集成高德地图,并通过实际代码示例来展示
  • 2024-07-08通过高德地图 JS API实现 鼠标绘制多边形
    效果图:  核心代码:<template><a-modaltitle="选择地图所在位置":width="width":visible="visible"@ok="handleOk"@cancel="handleCancel"cancelText="关闭"><divclass="location-map-box&
  • 2024-07-03vue 高德地图实现进度条轨迹回放
    <template><divstyle="position:relative"><divstyle="position:absolute;right:10px;top:10px;z-index:1"><el-button@click="silderInput">开始回放</el-button><el-button@
  • 2024-06-22Vite-Wechat网页聊天室|vite5.x+vue3+pinia+element-plus仿微信客户端
    基于Vue3+Pinia+ElementPlus仿微信网页聊天模板Vite5-Vue3-Wechat。vite-wechat使用最新前端技术vite5+vue3+vue-router@4+pinia+element-plus搭建网页端仿微信界面聊天系统。包含了聊天、通讯录、朋友圈、短视频、我的等功能模块。支持收缩侧边栏、背景壁纸换肤、锁屏、最大化等
  • 2024-06-11vue3 高德安徽省边界 密钥必须添加否则会出现无法使用DistrictSearch的方法也不报错
    <template> <divclass="centermap"ref="mapContainer"></div></template><scriptsetuplang="ts">import{ref,onMounted}from'vue';importAMapLoaderfrom'@amap/amap-jsapi-l
  • 2024-05-31高德地图_平台服务效果
    一、实现效果高德地图展示,多个标记点在地图上的展示点击标记点显示信息窗体,同一时间地图上只展示一个信息窗体,再次点击关闭该标记点右侧表格自动轮播信息,鼠标移动到上面停止滚动,移出继续滚动 二、完整代码展示<template><el-mainstyle="padding:0;"><divid="
  • 2024-05-30高德地图在web端的使用
    1、高德地图开放平台申请key和安全密钥 2、安装高德地图加载器使用npm 安装:npmi@amap/amap-jsapi-loader--save使用yarn 安装:yarnadd@amap/amap-jsapi-loader--save3、直接使用<template><divid="amapcontainer"style="width:800px;height:620px"></div
  • 2024-04-19动态规划的引入
    动态规划的引入引言​ 可以将动态规划的核心理解为"记录"和"自底向上"对于一个问题,如果这个问题能够拆解为同类型的有限个子问题,并且最终的结果能够由这些子问题得到,则可以使用动态规划。动态规划的实现思想为"自底向上",即先求出最小子问题的结果,然后通过这个结
  • 2024-04-11根据覆盖物范围调整视野-高德地图
    https://lbs.amap.com/api/javascript-api-v2/guide/map/state1//创建一条折线覆盖物2varpath=[3newAMap.LngLat("116.368904","39.913423"),4newAMap.LngLat("116.382122","39.901176"),5newAMap.LngLat("
  • 2024-04-09vue3 + typescript 检测高德地图类型
    在ts项目中使用高德地图,为了方便使用类型检测及类型提示,需引入高德地图的类型文件,操作如下:1、引入@amap/amap-jsapi-types插件npmi-S@amap/amap-jsapi-types2、新建类型文件types/index.d.tsimport'@amap/amap-jsapi-types';3、在tsconfig.json中配置:"include":[