当前位置: 首页 > news >正文

通过Vue3+高德地图的JS API实现市区地图渲染

效果图:

核心代码:

<script setup>import { onMounted, onUnmounted } from 'vue';import AMapLoader from '@amap/amap-jsapi-loader';import { message } from 'ant-design-vue';import school from '@/assets/icons/school.svg';import enterprise from '@/assets/icons/enterprise.svg';let map = null;let map_opt = [{city: '西陵区',color: '#0BACFF',},{city: '伍家岗区',color: '#FFE720',},{city: '夷陵区',color: '#502954',},{city: '猇亭区',color: '#1AB361',},{city: '兴山县',color: '#5251D0',},{city: '秭归县',color: '#E3D79D&#

相关文章:

  • 知乎号开始运营了,宣传一波
  • 聚焦现代商贸物流愿景 构筑供应链金融服务体系|第二届京津冀现代商贸物流金融创新发展百人大会成功举办
  • Spring Cloud全家桶(上)【Nacos、OpenFeign、LoadBalancer、GateWay、金丝雀灰色发布】
  • vscode字符多行自动增长插件。
  • 百货商场:打造品质生活
  • 2024-06-12 问AI: 在大语言模型中,什么是Jailbreak漏洞?
  • 【C++】模板初级
  • 【韩顺平零基础学java】第15章练习题
  • Redis 5种常用数据类型
  • SaaS产品运营|一文讲清楚为什么ToB产品更适合采用PLG模式?
  • PFA烧杯带把手带刻度1000ml3000mlPFA氟树脂温度范围-270~250℃
  • Java并发编程深度解析:构建高并发应用的实践与探究
  • 在Qt编写的exe或者dll中设置版本号
  • 人工智能历史与现状
  • 自旋锁(spin lock)
  • Google 是如何开发 Web 框架的
  • Android 架构优化~MVP 架构改造
  • cookie和session
  • Cumulo 的 ClojureScript 模块已经成型
  • es6(二):字符串的扩展
  • Hibernate最全面试题
  • HTTP 简介
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • MySQL QA
  • Wamp集成环境 添加PHP的新版本
  • 从PHP迁移至Golang - 基础篇
  • 翻译:Hystrix - How To Use
  • 前端攻城师
  • 如何实现 font-size 的响应式
  • 微服务入门【系列视频课程】
  • 学习HTTP相关知识笔记
  • 用jquery写贪吃蛇
  • 栈实现走出迷宫(C++)
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • #Java第九次作业--输入输出流和文件操作
  • #每天一道面试题# 什么是MySQL的回表查询
  • $(function(){})与(function($){....})(jQuery)的区别
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (2024,LoRA,全量微调,低秩,强正则化,缓解遗忘,多样性)LoRA 学习更少,遗忘更少
  • (vue)页面文件上传获取:action地址
  • (第二周)效能测试
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (小白学Java)Java简介和基本配置
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • (一)认识微服务
  • (转)程序员技术练级攻略
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • .NET Core Web APi类库如何内嵌运行?
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置
  • .NET/C# 如何获取当前进程的 CPU 和内存占用?如何获取全局 CPU 和内存占用?
  • .NET6 命令行启动及发布单个Exe文件
  • [.net]官方水晶报表的使用以演示下载
  • []T 还是 []*T, 这是一个问题