高德地图将某个点显示在地图上（重点是居中显示）

最新推荐文章于 2024-06-19 11:41:47 发布
最新推荐文章于 2024-06-19 11:41:47 发布
阅读量1.5w 收藏
点赞数 1
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shb2058/article/details/69398190
版权 
 LatLng latLng = new LatLng(jing,wei);
//设置显示比例
       aMap.moveCamera(CameraUpdateFactory.zoomTo(15));

        final Marker marker = aMap.addMarker(new MarkerOptions().position(latLng).title(name).snippet("DefaultMarker"));
        aMap. moveCamera(CameraUpdateFactory.changeLatLng(latLng));//这个是关键  如果不设置的话中心点是北京，汇出现目标点在地图上显示不了

石博
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
高德地图显示多个标注点 弹跳效果 title
11-02
使用高德地图显示多个标注点 有 弹跳效果 可自定义 title
高德地图Marker与InfoWindow定位居中冲突问题
small_fox_dtt的博客
01-19 1056
最近的项目里有功能模块需要实现地图显示,用的是高德地图.前不久发现个小问题,项目需要实现点击某个Marker时将地图放大到合适的级别,中心点设置为当前Marker的坐标,并显示一个InfoWindow;问题所在就是当点击该Marker的时候,经常无法将地图中心设置为当前Marker的坐标,导致Marker跑偏了十万八千里,视野内的地图空无一物..相当的不友好….. 之前实现这个功能的代码如下: var infoWindow = new AMap.InfoWindow({offset: new AMap.
高德地图之设置中心位置
ABang的博客
04-06 1万+
之前写过文章《高德地图之改变图标》，在使用Marker添加图标后，我们如果把插入Marker图标的位置设置为中心位置，方法如下： //设置中心点和缩放比例fragment_a_map.moveCamera(CameraUpdateFactory.changeLatLng(latLng));// fragment_a_map.moveCamera
内网中使用高德地图
最新发布
Dayo_Lo的博客
06-19 809
项目中需要在内网使用高德地图，由于很多功能需要鉴权才能使用，一般的解决方案是在内网中做代理，或者内网添加白名单访问外网。而我们项目目前只需要显示地图及在地图上添加一些标记，所以只需要将离线数据打包进APK，第一次启动时放到指定缓存目录即可。
高德地图检索输入的位置，实现位置居中
︶￣城南花已开
01-06 653
高德地图检索输入的位置，实现位置居中
vue 高德地图api爬坑之路（四） 自定义infoWindow信息窗体
梦游小草的博客
09-21 5313
编写原因 官方信息窗体的demo是html的，content内容为html即可，但由于信息窗体描述点开后，需要处理点击事件。百度查了好一会vue实现infoWindow，都因代码不全，或其他原因。不方便直接使用，所以借鉴了篇文章后，给出全一点点的代码。 借鉴的文章：https://blog.csdn.net/qq493820798/article/details/105403046 效果图： 不擅长写样式，样式自己修改。 组件页面 <template> <div> &l
动态设置高德地图中心点（坐标点），始终位于屏幕中心
热门推荐
u014050788的专栏
05-15 3万+
项目需求是做一个类似于滴滴的车辆救援，界面是地图上面再覆盖一部分表单。订单状态不同，表单里的信息不同，那么表单的高度就不同。因为界面都使用到了map，所以尽管订单有不同的状态，但是我都在一个界面做，通过状态变化来控制表单的显示状态。但是有一个问题是，不同的订单状态因为表单高度不同，导致地图的定位坐标点可能不在可视区域的中心。特别是我使用了bottomsheet来实现抽屉式表单，地图和表单肯定是有部...
Android实现高德地图显示及定位
08-25
在本文中，我们将详细介绍Android实现高德地图显示及定位的步骤和知识点。 高德地图显示 高德地图显示是Android开发中非常常见的一个需求，通过使用高德地图SDK，可以实现地图的显示、缩放、拖拽等功能。在使用...
微信小程序基于高德地图查找位置并显示文字
10-16
在地图上显示具体位置信息文字，我们可以使用高德地图的反向地理编码服务。通过`wx.request`发送HTTP请求到高德地图的反地理编码API，传入关键参数如API密钥、位置坐标、以及额外信息等： ```javascript wx.request...
web端高德地图显示坐标点
04-11
要在地图上显示坐标点，可以使用`AMap.Marker`类创建标记。假设我们有多个坐标点数据，可以遍历数据并创建标记： ```javascript var markers = []; var coordinates = [ {lat: 39.915, lng: 116.404}, {lat: ...
【VUE】web高德地图海量点标记,全部居中显示在屏幕中
LuviaWu的博客
07-12 3370
官方示例中setFitView()对AMap.Marker可以生效，但对海量点标记 AMap.MassMarks 似乎无效 Map类有一个方法setBounds也能实现重新调整视角： https://lbs.amap.com/api/javascript-api/reference/map // <script> 中引入高德地图 import AMap from 'AMap' var map // 页面上 <div id="my-aMap" style="width: 500px;he
如何让高德地图API的地图名片嵌入网页中并保持自动窗口大小和定位点居中
rowdon206的博客
03-08 874
如何让高德地图名片自适应尺寸
高德地图 所有点在中间Android
明耀的博客
11-15 649
LatLngBounds.Builder builder = new LatLngBounds.Builder(); LatLngBounds bounds = null; for (int i = 0; i < size; i++){ builder.include(LatLng);//把你所有的坐标点放进去 ｝ bounds = builder.build(); aMap.moveCamera(CameraUpdateFactory.newLatLngBounds(bounds,40));
vue之使用高德地图(v-amap)自定义infoWindow信息窗体
wwyxjjz的博客
08-26 4287
emmmm~由于项目中需要信息窗体(如下效果图)，官方信息窗体的demo是html的，百度查了好久Vue实现infoWindow，有些是代码不全，有些不方便直接使用，所以自己整理了一下代码，方便以后项目使用，要是能帮助到更多人的人就更好了，这也是我写博客的初衷：记录自己的成长历程...... 官方网址：https://lbs.amap.com/demo/javascript-api/exampl......
天地图marker的label居中
qq_46491723的博客
12-14 648
【代码】天地图marker的label居中。
高德地图AMap——setCenter与infoWindow冲突导致不能够正确的设置中心点
YueMiaoL的博客
01-05 3101
infoWindow默认属性autoMove为true，当infoWindow内容不在视图范围之内时，会自动调整地图视图直到内容区域显示在地图上，因此与setCenter操作冲突。点击marker后加载infoWindow，如果marker在地图比较边缘的位置，设置中心点会出现偏移。第一种：设置infoWindow的autoMove属性为false。当点击高德地图上的marker时，要求地图将该marker设置为中心点。另外：高德地图设置setZoomAndCenter同理
高德地图 Web JS API示例学习笔记（9）——覆盖物（点标记、覆盖物群组）
hequhecong10857的博客
12-24 2846
点标记 点标记 通过icon属性创建Marker，展示添加、修改、删除Marker的接口。 // 实例化点标记 function addMarker() { marker = new AMap.Marker({ icon: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-de...
vue项目中高德地图根据城市名定位到城市中心位置，并在该位置做标记
耿彦丰的博客
11-05 3460
先看效果： 首先记得引入高德地图，并且要带上&plugin=AMap.DistrictSearch，如下： <scripttype="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=这里放上你的密钥&plugin=AMap.DistrictSearch"></script> 这是data： data(){ return{ map:{}, ...
高德地图自动缩放居中，一屏展示。
yuyihuan的博客
10-13 318
高德地图自动缩放居中，一屏展示。
vue中用高德地图根据经纬度在地图上显示一个定位点
02-06
在 Vue 中使用高德地图显示定位点，你需要做以下几件事： 1. 在项目中安装高德地图的 npm 包： ``` npm install --save amap-js-api ``` 2. 在 main.js 中引入高德地图的库并初始化： ``` import AMap from 'amap-js-api' AMap.initAMapApiLoader({ key: '你的高德地图开发者密钥', plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.Geolocation'] }); ``` 3. 在你的 Vue 组件中，使用高德地图提供的地图组件 `<el-amap>` 来显示地图： ``` <template> <el-amap :zoom="13" :center="center"> </el-amap> </template> <script> export default { data() { return { center: [116.397428, 39.90923] } } } </script> ``` 4. 在地图中显示定位点，你可以使用高德地图提供的标记组件 `<el-amap-marker>`： ``` <template> <el-amap :zoom="13" :center="center"> <el-amap-marker :position="center" /> </el-amap> </template> <script> export default { data() { return { center: [116.397428, 39.90923] } } } </script> ``` 注意，上面的代码使用的是 Element UI 提供的高德地图组件，如果你使用的是其他组件库，可能需要使用其他的地图组件。 希望这些信息能帮助你。如果你有其他疑问，可以继续提问。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值