高德地图中map.getZoom()获取地图级别 map.getCenter().toString()获取地图中心点 zoom初始化地图级别 center初始化地图中心点

最新推荐文章于 2022-12-05 11:16:13 发布
最新推荐文章于 2022-12-05 11:16:13 发布
阅读量2.7k 收藏
点赞数
分类专栏： 高德地图的实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/107798220
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#container
		{
			width: 100%;
			height: 1000px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	</style>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c6e183994605d131f97132d2f296d713"></script>
</head>
<body>
	<script>
		window.onload=function()
		{
				var map=new AMap.Map('container',{//对象
					zoom:11,//初始的地图级别
					center:[121,30]//初始化的地图的中心点
				});
				console.log(map.getZoom());
				console.log(map.getCenter().toString());
						
		}
		/*双击可以调整高德地图的级别
			zoom 改变初始地图的级别，zoom值越高，相当于鼠标双击放大，内容越详细，范围越小
			center 改变初始地图的中心点，是一个数组，包含经纬度*/
			/*getZoom() 获取级别

getCenter()   getCenter().toString() 获取中心点*/
	</script>
	<div id="container"></div>
</body>
</html>

在这里插入图片描述

贵哥的编程之路(热爱分享)
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
百度地图拖动后获取中心点
未来可期的博客
08-11 672
map.addEventListener("dragend", function () { var center = map.getCenter(); alert("地图中心点变更为：" + center.lng + ", " + center.lat); });
高德地图map获取多边形中心点和层级
最新发布
qq_51389137的博客
10-12 1115
用多边形对象获取中心点和zoom。用多边形路径获取中心点。
百度地图API (getZoom)的实现,实时显示zoom
qq_41783083的博客
09-21 4682
根据百度地图实现地图缩放等级（zoom)的实时显示 这是主要的代码实现 这是body部分 第一次写博客哈哈哈，感觉很好玩
学会在Vue项目中插入高德地图JS API与地图的相关设置，看这一篇就够了~（保姆级精简教学）
热门推荐
商务合作 | 共同学习 | 携手共进
01-19 10万+
本文介绍了Vue项目中高德地图JS API的引入以及相关设置。
apicloud （第五篇 bmap百度地图一键回到当前位置）
程序猿小白的博客
12-30 1701
前言：最近一直在做apicloud 地图这一块，所以想分享一下自己遇到的坑。 功能介绍：打开地图，首先获取用户的当前位置，并标识一下。当用户浏览到其他区域时（比如从当前位置滑到了城阳区），可以一键返回到当前位置。 1、如下： 2、首先要引入bMap（bMap官方文档：https://docs.apicloud.com/Client-API/Open-SDK/bMap#addAnnota...
Googlemap_API.rar_GoogleMap_加载地图_地图
09-14
首先，**初始化地图**是使用Google Map API的第一步。在JavaScript中，我们需要创建一个新的`google.maps.Map`对象，并传入一个HTML元素作为地图的容器，以及一些配置参数，如中心点坐标、地图类型、缩放级别等。...
高德地图自定义点聚合图片
04-26
在Android开发中，高德地图是一个广泛使用的地图API，提供了丰富的功能，如定位、路径规划、地图绘制等。本文将详细讲解如何在高德地图上实现自定义点聚合（Marker）图片以及Overlay的点击选中功能。 首先，点聚合...
Google 地图API Map()构造器详解
09-01
Google 地图API中的`Map()`构造器是创建和初始化地图的核心组件，允许开发者在网页中嵌入交互式地图。这个构造器接收两个参数：一个HTML元素和一个`MapOptions`对象，用于指定地图的初始设置。 首先，我们来看一下...
html引入高德地图demo
07-24
4. **初始化地图**：引入API后，我们可以在JavaScript中创建地图对象，指定容器ID（HTML元素的id）和地图中心点坐标。例如： ```javascript var map = new AMap.Map('container', { zoom: 10, center: [116.39,...
高德地图开发简单demo
12-12
2. **初始化地图**：在JavaScript中，创建一个地图实例并设置地图容器和初始位置。 ```javascript var map = new AMap.Map('container', { zoom: 10, center: [116.39,39.9] }); ``` 这里`container`是地图显示的...
百度地图API_BMap接口的使用形式
liangwenrong的博客
04-02 3万+
想要在HTML中加载百度地图，使用js形式，先去申请个秘钥，然后输入ak=<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=#"></script>其他的跟HTML没啥区别，这里只说API部分。 创建实例：var map = new BMap.Map("allmap"); // 创建Map实例从
高德地图，设置缩放级别zoom为小数，细化设置缩放颗粒度
Mr_CZL的博客
03-30 1万+
项目中，用到了高德地图，用setFitView()方法设置自适配合适视野后，发现实际展示效果有点小。如下图： 实际是产品经理提出来的，哈哈。so，必须要解决了...... 于是想到了setZoom()方法，只要在渲染最后位置先获取当前缩放比getZoom()， 然后map.setZoom(map.getZoom() + 1)不就行了嘛！ 然并卵，缩放比zoom+1后超出了容器，放大比例太大了。 那么能不能加个小数呢？比如map.setZoom(map.getZoom() + 0.3)？
搜索地图定位
weixin_67091603的博客
12-05 1928
简单记录
坐标范围计算显示缩放级别zoom自适应显示地图
燃燃的大尾巴
03-29 1364
坐标范围计算显示缩放级别zoom自适应显示地图 1.数据： //数据准备 var points = [`在这里插入代码片` {"lng":116,"lat":40,"status":1,"id":50}, {"lng":117,"lat":31,"status":1,"id":2}, {"lng":116,"lat":34,"status":0,"id":3}, {"lng":118,"lat":39,"status":0,"id":4}, {"lng":110,"l
html获取滑轮位置,百度地图实时侦听鼠标滚轮获取地图zoom缩放级别
weixin_39672194的博客
06-04 404
百度地图api提供的获取地图缩放级别的方法比较单一，就一个getZoom()方法，这个方法能够获取一次地图缩放级别，后面随着鼠标滚轮的滚动，地图缩放级别被改变，就无法再获取地图缩放级别了，具体api参考：http://developer.baidu.com/map/reference/index.php?title=Class:%E6%9E%81%E9%80%9F%E7%89%88%E6%A0%B...
高德地图 坐标与地址
ooiuy450的专栏
04-01 1万+
简要 地理编码与逆地理编码 将其他坐标点转换成高德坐标点 AMap.Geocoder 地理编码与逆地理编码服务，用于地址描述与坐标间的相互转换 AMap.convertFrom坐标转换接口，支持将坐标点从其他坐标系转换为高德坐标系 2.AMap.Geocoder地理编码与逆地理编码类，用于地址描述与坐标之间的转换。用户可以通过自定义回调函数取回并显示查询结果。若服务请求失败，系统将返回错误信
高德地图之地图的属性
weixin_34122810的博客
05-05 3780
中英文设置 map.setLang('en'); 英文 map.setLang('zh_en'); 中英文对照 map.setLang('zh_cn'); 中文 复制代码移动与缩放事件 map.on('moveend', logMapinfo); map.on('zoomend', logMapinfo); 复制代码获取地图层级与中心点 var zoom = map.getZoom(); // 获...
百度地图api 常用 例子
萝卜的专栏
08-25 3万+
功能一：获取map地图窗口的可视区域： var map = new BMap.Map("allmap");            // 创建Map实例 map.centerAndZoom(new BMap.Point(116.4035,39.915), 14);  //初始化时，即可设置中心点和地图缩放级别。 var bs = map.getBounds();   //获取可视区域 var
动态设置高德地图中心点（坐标点），始终位于屏幕中心
u014050788的专栏
05-15 3万+
项目需求是做一个类似于滴滴的车辆救援，界面是地图上面再覆盖一部分表单。订单状态不同，表单里的信息不同，那么表单的高度就不同。因为界面都使用到了map，所以尽管订单有不同的状态，但是我都在一个界面做，通过状态变化来控制表单的显示状态。但是有一个问题是，不同的订单状态因为表单高度不同，导致地图的定位坐标点可能不在可视区域的中心。特别是我使用了bottomsheet来实现抽屉式表单，地图和表单肯定是有部...
Amap.MouseTool()获取绘制的中心点
05-16
Amap.MouseTool()是高德地图JavaScript API中的一种工具类，用于绘制地图上的图形。它并没有直接提供获取绘制中心点的方法，但可以通过以下步骤实现： 1. 创建MouseTool对象，并注册onDraw事件监听器； 2. 在onDraw事件中获取绘制的图形对象； 3. 根据图形类型，计算中心点坐标。 例如，对于绘制的圆形，可以通过圆心坐标计算中心点，代码如下： ``` var mouseTool = new AMap.MouseTool(map); mouseTool.circle({ fillColor: "#00b0ff" }); mouseTool.on('draw', function(e) { var center = e.obj.getCenter(); // 获取圆心坐标 console.log(center); }); ``` 对于其他图形，可以根据相应的属性或方法获取中心点坐标。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值