- 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":[
- 2024-04-04高德地图API
1.准备注册账号，申请应用https://console.amap.com/dev/key/apphttps://lbs.amap.com/api/javascript-api-v2/summary2.Vue3中使用定位和搜索插件<template><divstyle="text-align:center;align-items:center"><el-row><el-co
- 2024-03-29高德地图内网部署，通过拦截请求实现
一、安装npm库 npm地址：ajax-hook-npm(npmjs.com)NPM引入npminstallajax-hook二、实现代码，放到mainjs里面import{proxy}from"ajax-hook";proxy({//请求发起前进入onRequest:(config,handler)=>{//console.log(config.url)if(
- 2024-02-20vue 高德图层---省市区行政图层显示
官网文档：https://lbs.amap.com/api/javascript-api-v2/guide/layers/districtlayervarmap;vardistProvince;initMap(){//初始化地图AMapLoader.load({key:'申请的key',version:'2.0',//需要使用JSAPI2.0版本。若从1.x版本
- 2024-01-16springboot第48集：【思维导图】地图，面向对象，异常，功能代码
在SpringBoot中，可以通过编写拦截器（Interceptor）来对请求进行拦截与处理。下面是一个简单的拦截器实现示例：创建一个类并实现HandlerInterceptor接口publicclassAuthInterceptorimplementsHandlerInterceptor{@OverridepublicbooleanpreHandle(HttpServletRequest
- 2024-01-11251-AMap.MarkerClusterer聚合点自定义点击会重复触发
map.plugin(["AMap.MarkerClusterer"],function(){letcluster=null;varcount=pointerList.length;letclickFlag=false;functionrenderClusterMarker(context){console.log("renderClusterMarker..5.")l
- 2024-01-11vue 高德地图异步引用
先建立一个文件，引入高德 gDMapLoader.jsconstak='4e9f15de14b05fd8f19e1d8fbe91f0a3'exportdefaultfunctionload(){returnnewPromise(function(resolve,reject){if(window.AMap){resolve(window.AMap)}else{varscript=doc
- 2024-01-10250-AMap.InfoWindow 高德地图信息窗体关闭后的回调
varinfoWindow2=newAMap.InfoWindow({content:infoWindowContent,offset:[50,-60],closeWhenClickMap:true,//autoMove:false,/*close:function(){console.log("infoWindow2.close")windowMap.get(parseInt(id)
- 2023-12-22vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图：1<template>2<divclass="wrapper">3<divclass="box">4<divclass="form-box">5<el-form6label-position="top"7:inline=&qu
- 2023-12-13本地部署modelscope-agent
本地部署modelscope-agent部署流程在modelscope社区创建一个自己的空间（假设name是LocalAgent），clone空间到本地（或云服务器如魔搭Notebook）gitclonehttps://github.com/modelscope/modelscope-agent复制项目中的modelscop_agent文件夹到你刚才clone的空间文件夹LocalAgent里
- 2023-11-16内网走nginx代理访问高德webapi2.0
需求：客户的电脑都只能访问内，服务器可以访问外网，客户电脑使用的项目中用到了高德webapi2.0。10.200.31.45:32100是我们的web服务器。网上基本上都是对高德webapi1.4的配置方式，而web2.0有一些差别。1.前端修改高德地图的js应用如果是index.html引入，修改之前的应用：<script
- 2023-09-14高德的API来查询行政区域查询
高德的API来查询行政区域查询1.api接口文档地址https://lbs.amap.com/api/webservice/guide/api/districtGEThttps://restapi.amap.com/v3/config/district?keywords=贵阳&subdistrict=1&key=APIKEY&extensions=base GEThttps://restapi.amap.com/v3/config/district?ke
- 2023-09-08vue2使用 AMap-Vue 高德地图（矩形、圆形、多边形）绘制电子围栏
AMap-Vue 参考 安装使用|AMap-Vue(gitee.io)main.js引入importAmapVuefrom'@amap/amap-vue';Vue.use(AmapVue);AmapVue.config.key='您申请的key值';AmapVue.config.version='2.0';//默认2.0，这里可以不修改AmapVue.config.plugins=["A
- 2023-08-17Kail-信息收集工具
1、amap工具Amap可以检测在指定端口上运行的应用程序信息。检测主机22端口上运行的程序。-b表示获取banner信息-q表示禁止程序报告关闭端口#amap-bq192.168.100.4822amapv5.4(www.thc.org/thc-amap)startedat2023-08-1715:58:20-APPLICATIONMAPPINGmodePr
- 2023-08-08高德地图api接口poi检索示例----并在信息框显示经纬度
api官网链接：http://api.amap.com/Javascript/example#http://api.amap.com/Javascript/plugin_detail/id/0代码示例如下(保存为html打开可见效果如下图)：<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8&qu
- 2023-07-13记录--用Echarts打造自己的天气预报！
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言最近刚刚学习了Echarts的使用，于是想做一个小案例来巩固一下。项目效果如下图所示：话不多说，开始进入实战。创建项目这里我们使用vue-cli来创建脚手架：vuecreateapp这里的app是你要创建的项目的名称，进入
- 2023-06-30高德地图聚合注意版本引用
initMap(){letthat=thisletpoints=[]try{letlevel=that.mapLevel==='null'||null===that.mapLevel?10:this.mapLevelletcenterPoint=that.mapCenter.split(',')tha
- 2023-06-29记录--写一个高德地图巡航功能的小DEMO
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助风格设置加载地图使用AMapLoader.load加载地图，从 控制台 申请一个属于自己的keyimportAMapLoaderfrom'@amap/amap-jsapi-loader';...constAMap=awaitAMapLoader.load({"key":"您自己申请的