网页中如何接入高德地图【静态地图篇】

接入高德地图

  • 登录高德开放平台
  • 创建应用
  • 添加key
  • 创建静态地图
    • 文档说明
    • markers
  • 网页应用
  • 总结

登录高德开放平台

高德开放平台
高德开放平台

创建应用

点击我的应用 -> 创建应用
我的应用
创建应用

添加key

添加key
提交key

key
调相关接口都需要用到这个key!

创建静态地图

静态地图API文档

在这里插入图片描述

文档说明

服务地址

URL请求方式
https://restapi.amap.com/v3/staticmap?parametersGET

请求参数
请求参数

例如:https://restapi.amap.com/v3/staticmap?location=120.01746,30.281423&zoom=12&size=750*300&markers=mid,,A:120.01746,30.281423&key=你的key

高德坐标拾取器

markers

markers=markersStyle1:location1;location2..|markersStyle2:location3;location4..|markersStyleN:locationN;locationM.. 
marersStyle(参数名称)说明默认值
size可选值: small,mid,largesmall
color选值范围:[0x000000, 0xffffff]0xFC6054
label[0-9]、[A-Z]、[单个中文字] 当 size 为 small 时,图片不展现标注名。

markers这个参数要注意格式,冒号后面的跟的是你要标记的坐标,location只的是以该坐标为中心绘制地图

在这里插入图片描述

网页应用

直接放到 img标签中就行

<img src="https://restapi.amap.com/v3/staticmap?location=120.01746,30.281423&zoom=12&size=750*300&markers=mid,,A:120.01746,30.281423&key=你的key" alt="" srcset="">

在这里插入图片描述

总结

  1. 高德开放平台
  2. api参数配置

接入高德地图静态地图与普通的地图截图区别在于浏览器向高德地图请求最新的地图

我现在可以上岸了吗?
上岸!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/36970.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于上一篇博客,用阻塞队列实现异步下单

在上一篇博客中&#xff0c;我们介绍了如何利用 Redis 和 Lua 脚本来高效处理秒杀活动中的高并发请求&#xff0c;保证用户体验。本文将进一步优化秒杀系统&#xff0c;通过引入阻塞队列实现异步下单&#xff0c;从而提高系统的整体性能和稳定性。 引言 秒杀活动往往伴随着极…

ArmSoM-Sige7/5/1 和树莓派5规格比较

引言 在当今快速发展的嵌入式系统领域&#xff0c;选择一款性能强大、功能丰富的开发板对于项目的成功至关重要。本文将介绍并比较 Sige7、Sige5、Raspberry Pi 5 和 Sige1 这四款开发板的关键规格和特性&#xff0c;帮助开发者和爱好者选择最适合其需求的平台。 ArmSoM-Sige…

使用模板方法设计模式封装 socket 套接字并实现Tcp服务器和客户端 简单工厂模式设计

文章目录 使用模板方法设计模式封装套接字使用封装后的套接字实现Tcp服务器和客户端实现Tcp服务器实现Tcp客户端 工厂模式 使用模板方法设计模式封装套接字 可以使用模块方法设计模式来设计套接字 socket 的封装 模板方法&#xff08;Template Method&#xff09;设计模式是一…

【深度学习】深度学习基础

李宏毅深度学习笔记 局部极小值与鞍点 鞍点其实就是梯度是零且区别于局部极小值和局部极大值的点。 鞍点的叫法是因为其形状像马鞍。鞍点的梯度为零&#xff0c;但它不是局部极小值。我们把梯度为零的点统称为临界点&#xff08;critical point&#xff09;。损失没有办法再下…

使用Flink CDC实现 Oracle数据库数据同步(非SQL)

文章目录 前言一、开启归档日志二、创建flinkcdc专属用户2.1 对于Oracle 非CDB数据库&#xff0c;执行如下sql2.2 对于Oracle CDB数据库&#xff0c;执行如下sql 三、指定oracle表、库级启用四、使用flink-connector-oracle-cdc实现数据库同步4.1 引入pom依赖4.1 Java主代码4.1…

Docker Desktop 简易操作指南 (Windows, macOS, Linux)

1. 下载最新版本 Docker Desktop https://www.docker.com/products/docker-desktop/ 2.启动 Docker Desktop 3.常用命令&#xff08;在 cmd 或 Terminal 中执行&#xff09; #列出所有镜像&#xff08;Images&#xff09; docker images #列出所有容器&#xff08;Containers&…

OpenSSL/3.3.0: error:0A00018A:SSL routines::dh key too small

php curl解决办法: curl_setopt($ch, CURLOPT_SSL_CIPHER_LIST, ‘DEFAULTSECLEVEL1’); python 解决办法: from twisted.internet.ssl import AcceptableCiphers from scrapy.core.downloader import contextfactory contextfactory.DEFAULT_CIPHERS AcceptableCiphers.from…

CSS 核心知识点 - grid

思维导图 参考网址: https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_grid_layout 一、什么是 grid&#xff1f; CSS Grid布局是在CSS3规范中引入的一种新的布局方式&#xff0c;旨在解决传统布局方法&#xff08;如浮动、定位、表格布局&#xff09;存在的许多问题。C…

Spring Boot 集成 MyBatis-Plus 总结

Spring Boot 集成 MyBatis-Plus 总结 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01; 在Java开发中&#xff0c;Spring Boot以其简洁和高效的特点&#xff0c;…

Oh My Zsh Git 插件

以下是一些常见的别名和它们对应的 Git 命令&#xff1a; g: gitga: git addgaa: git add --allgapa: git add --patchgau: git add --updategb: git branchgba: git branch -agbd: git branch -dgbda: git branch --no-color --merged | command grep -vE “^(||*|\s*(main|m…

第十九站:Java钛蓝——区块链技术的新探索

在区块链技术的新探索中&#xff0c;Java作为一门成熟的编程语言&#xff0c;正在通过Hyperledger Fabric和Web3j等技术实现其在区块链领域的应用。以下是对这些技术的简要介绍和如何使用Java源代码与它们进行交互的讲解。 Hyperledger Fabric Hyperledger Fabric是一个由Lin…

React.js 全面解析:从基础到实战案例

引言&#xff1a; React.js&#xff0c;由Facebook推出并维护的开源JavaScript库&#xff0c;以其组件化思想、虚拟DOM技术和声明式编程风格&#xff0c;成为构建用户界面的首选工具之一。本文将系统性地介绍React的基础概念、核心特性&#xff0c;并通过实际案例展示基础属性…

DataWhale-吃瓜教程学习笔记(四)

学习视频&#xff1a;第3章-二分类线性判别分析_哔哩哔哩_bilibili 西瓜书对应章节&#xff1a; 3.4 文章目录 - 算法原理- 损失函数推导-- 异类样本中心尽可能远-- 同类样本方差尽可能小-- 综合 知识点补充 - 二范数二范数&#xff08;2-norm&#xff09;详解定义几何意义性质…

vue3中省市区联动在同一个el-form-item中咋么设置rules验证都不为空的效果

在开发中出现如下情况&#xff0c;在同一个el-form-item设置了省市区三级联动的效果 <el-form-item label"地区" prop"extraProperties.Province"><el-row :gutter"20"><el-col :span"12"><el-select v-model&qu…

OpenHarmony开发实战:HDF驱动开发流程

概述 HDF&#xff08;Hardware Driver Foundation&#xff09;驱动框架&#xff0c;为驱动开发者提供驱动框架能力&#xff0c;包括驱动加载、驱动服务管理、驱动消息机制和配置管理。并以组件化驱动模型作为核心设计思路&#xff0c;让驱动开发和部署更加规范&#xff0c;旨在…

Unity3D Excel表格数据处理模块详解

一、引言 在Unity3D开发中&#xff0c;我们经常需要处理大量的数据&#xff0c;这些数据可能是游戏配置、角色属性、道具信息等。Excel表格作为一种常见的数据存储方式&#xff0c;具有结构清晰、易于编辑的特点&#xff0c;因此被广泛应用于游戏开发中。本文将详细介绍如何在…

四川赤橙宏海商务信息咨询有限公司抖音开店靠谱吗?

在数字化浪潮席卷全球的今天&#xff0c;电商行业正以前所未有的速度发展。而在这个大潮中&#xff0c;四川赤橙宏海商务信息咨询有限公司凭借其专业的团队和前瞻性的战略眼光&#xff0c;专注于抖音电商服务&#xff0c;为广大商家提供了一站式解决方案&#xff0c;成为了行业…

面经-常用框架

1.Spring 1.1什么是Spring框架&#xff1f; Spring 是⼀种轻量级开发框架&#xff0c;旨在提⾼开发⼈员的开发效率以及系统的可维护性。 Spring 的 6 个特征:核⼼技术&#xff0c;测试&#xff0c;数据访问&#xff0c;Web⽀持&#xff0c;集成&#xff0c;语⾔ 1.2列举⼀些重…

Ubuntu20.04安装LibTorch并完成高斯溅射环境搭建

0. 简介 最近受到优刻得的使用邀请&#xff0c;正好解决了我在大模型和自动驾驶行业对GPU的使用需求。UCloud云计算旗下的Compshare的GPU算力云平台。他们提供高性价比的4090 GPU&#xff0c;按时收费每卡2.6元&#xff0c;月卡只需要1.7元每小时&#xff0c;并附带200G的免费…

接口自动化测试-项目实战

什么是接口自动化测试&#xff1a;使用工具或代码代替人对接口进行测试 测试项目结构&#xff08;python包&#xff09; 1、接口api包 2、script:业务脚本 3、data:数据 4、config.py :配置文件 5、reporter:报告 错误问题&#xff1a; 1、未打印任何东西。添加pip ins…