定位and初始显示级别

最新推荐文章于 2023-04-14 15:28:23 发布
最新推荐文章于 2023-04-14 15:28:23 发布
阅读量1.1k 收藏
点赞数
分类专栏： ArcGIS Javascript API
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/muzai/article/details/5722680
版权

var geoPoint = new esri.geometry.Point({"x":501226.899957802,"y":3849102.1564765223}, map.spatialReference);
map.centerAndZoom(geoPoint, 2);

 

 

注意：这两句代码放在map的onload事件的回调里面，centerAndZoom的第二个参数“2”是指视野级别为2

muzai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
centerandzoom 无效_HTML5+ API Reference
weixin_42311022的博客
02-06 1372
Maps模块管理地图控件，用于在web页面中显示地图控件，提供各种接口操作地图控件，如添加标点、路线等。通过plus.maps可获取地图管理对象。方法：openSysMap: 调用系统第三方程序进行导航对象：Map: 地图控件对象Point: Point对象用于表示地图元素的坐标Bounds: 地理区域MapType: 地图视图类型Overlay: 地图覆盖物基类对象Marker: 地图上显示的标...
centerandzoom 无效_百度地图 app 点击事件无效、不触发 解决方案
weixin_32136817的博客
01-17 3061
参考 https://blog.csdn.net/Davis_Dxs/article/details/82425211具体问题：对 “地图” 添加 click 事件，在点击地图时，可以在获取到点击位置的 经纬度。代码如下图所示此时再次点击地图发现点击事件会出现不被触发，点击事件无效。解决方案我经过了好长时间的网上探索，发现了两个对我有用的信息，一、第一条信息我不明白是如果解决的问题，所以没用(其实...
Bug 百度地图centerAndZoom设置中心点后，中心点偏移
weixin_44240581的博客
03-11 4405
原因 因为容器在隐藏和显示之间切换时，容器还没创建好，宽高为0，这时设置中心点就会是在左上角 解决 定时器setTimeout，延时设置中心点 setTimeout(() => { window.map.centerAndZoom(new BMap.Point(lng, lat), 15); // 初始化地图,设置中心点坐标和地图级 }, 300); 前后对比 ...
百度地图总结
m0_62198921的博客
04-14 217
【代码】百度地图总结。
前端工程师必备之----百度地图
叶才鑫
10-25 5598
1.初始化地图，并设置地图中心点 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 当然也可以根据城市名称设置地图的中心点： map.centerAndZoom("上海",15); ...
通过Ajax让GPS地址实时在高德地图中定位显示
11-13
"通过Ajax让GPS地址实时在高德地图中定位显示"是一个典型的Web地理信息系统（GIS）应用案例，它结合了Ajax技术、GPS定位和高德地图API，实现了动态、无刷新地在地图上展示GPS坐标。下面将详细介绍这一过程涉及的主要...
整合图片懒加载及百度地图定位与显示
05-26
// 初始化地图，设置中心点坐标和地图级别 } ``` 2. **定位功能**：使用`BMap.Geolocation`类获取用户当前位置，然后更新地图中心点。 ```javascript var geolocation = new BMap.Geolocation(); geolocation....
html5定位获取当前位置并在百度地图上显示
09-28
接下来，我们需要使用百度地图API来创建地图并显示定位点。首先，创建一个新的地图实例，并指定包含地图的div元素ID，如`mapDiv`： ```javascript var map = new BMap.Map("mapDiv"); ``` 为了增强用户体验，我们...
map_html5地图定位_
10-03
这段代码会在id为'map'的div元素内创建一个地图，将中心点设置为用户的位置（经度和纬度），并设定初始缩放级别为15级。 为了在地图上添加标记，可以使用`BMap.Marker`类： ```javascript var marker = new BMap....
web学习博客2016/2/19
ajhongshaorou的博客
02-19 324
WEB学习博客今日学习内容有： 百度地图—JavaScript API的使用 HTML5 拖拽+投放API 百度地图入门使用在HTML页面中 引入百度地图的JS库文件（在线文件） <!--要把百度地图的容器样式也拿进来--> <!-- viewport - 用于响应式设计 --> <meta name="viewport" content="initial-scale=1.0, user-scala
百度.js添加圆形覆盖物并跟随中心点移动
T70H78的博客
10-26 435
// 修改经纬度 changeCenter(zooms) { this.map.centerAndZoom( new BMap.Point(this.addForm.longitude, this.addForm.latitude), zooms || this.map.getZoom() ); }, // 获取并设置地图中心点 getMapCenter() { var pos = this.map.get.
关于ArcGis for javascrept之Map类
weixin_33788244的博客
10-26 162
ArcGis for javascrept_ESRI_Map类: 　　1. 构造方法：esri.Map(); 　　　　参数: extent 如果设置了该选项,一旦这个选项的投影被设置,那么所有的图层都在定义的投影中绘制. logo 是否显示esri的logo. wrapAround180 是否连续移动地图(即通过日期变更线,类似对...
Vue 移动端项目 百度地图 点击事件无效、不触发 解决方案
daixiansuo
09-05 1万+
解决百度地图 手机端 点击事件不触发 的一种方案 版权声明：本文为博主原创文章，转载请标明原文出处。 个人技能手册：https://github.com/DevilMafia/personal-skill-tree 问题背景 我是半路接手的这个项目，该项目使用 Vue 开发的一款 手机端的页面。到手里时，使用百度地图的部分已经完成，之前的兄弟在开发是一只都是在 PC 端用浏览器的手机...
百度地图的基本使用
z27566的博客
10-31 763
1.public/index.html script引入百度地图。vue-baidu-map 170-基于Vue2的百度地图组件库。01登录注册，获取密钥AK。3mounted初始化项目。4.监听数据变化，更新地图。
百度地图api基本用法
weixin_30483495的博客
08-02 2236
首先 ，如果想调用百度地图api，你需要获取一个百度地图api的密钥。 申请密钥很简单，在百度地图api的首页就有相关链接，填写相关信息百度就会给你一个密钥了。 接下来，就是引入百度地图的api 关键代码如下： <script type="text/javascript" src="http://api.map.baidu.com/api?ak=yourkey&v=2.0...
html5在线api,HTML5+ API Reference
weixin_42129300的博客
05-30 332
Maps模块管理地图控件，用于在web页面中显示地图控件，提供各种接口操作地图控件，如添加标点、路线等。通过plus.maps可获取地图管理对象。方法：openSysMap: 调用系统第三方程序进行导航create: 创建Map对象getMapById: 查找已经创建的Map对象对象：Map: 地图控件对象MapStyles: 地图控件对象的参数Point: Point对象用于表示地图元素的坐标B...
百度地图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实例从
百度地图API详解之地图初始化
weixin_30300523的博客
06-14 519
博客原文地址：http://www.jiazhengblog.com/blog/2011/06/02/258/ 从今天开始我会陆续写一些有关百度地图API开发的文章，每篇文章会针对API的某个功能进行详细的讲述。本文将介绍有关地图初始化部分的内容（本系列文章将使用最新版本的API）。 地图初始化是开发地图应用的第一步，只有初始化完成后才能开始其他功能的开发。否则地图将不能正常工作。 首先...
百度地图定位当前城市并设置中心点
专栏
06-25 2440
function myFun(result){ var cityName = result.name; //map.setCenter(cityName); map.centerAndZoom(cityName,12); } var myCity = new BMap.LocalCity(); myCity.get(myFun);这是百度地图定位
vue3百度地图定位功能
最新发布
09-06
Vue3百度地图定位功能是基于Vue3框架结合百度地图API实现的定位功能。 首先，我们需要引入百度地图的JavaScript API，在Vue3的组件中使用百度地图的SDK进行地图的展示和定位功能的操作。可以通过在页面的头部引入百度地图的API脚本文件或者使用npm安装并在Vue项目中引入。 在Vue3的组件中，首先需要定义地图的容器，可以在组件的template中创建一个div元素作为地图的容器，通过给这个div元素设置id属性来获取到该元素： ```html <template> <div id="mapContainer"></div> </template> ``` 接下来，在组件的script部分，可以通过在mounted生命周期函数中进行地图的初始化和定位操作。在初始化地图的过程中，需要提供地图的容器元素以及使用的地图类型。在定位功能中，我们可以使用百度地图API提供的定位插件来进行定位操作。定位插件可以通过调用`new BMap.Geolocation()`进行初始化，然后调用`getCurrentPosition`方法进行定位，获取到当前位置的经纬度信息。 ```javascript <script> export default { mounted() { // 初始化地图 const map = new BMap.Map('mapContainer'); const point = new BMap.Point(116.404, 39.915); // 初始化地图的中心点，这里使用北京市的经纬度 map.centerAndZoom(point, 15); // 设置地图的中心点和缩放级别 // 初始化定位插件 const geolocation = new BMap.Geolocation(); // 获取当前位置的经纬度信息 geolocation.getCurrentPosition(function(result){ if (this.getStatus() === BMAP_STATUS_SUCCESS) { const lng = result.point.lng; // 当前位置的经度 const lat = result.point.lat; // 当前位置的纬度 console.log('当前位置的经度：', lng); console.log('当前位置的纬度：', lat); } }); }, }; </script> ``` 通过以上的代码，我们可以在Vue3中使用百度地图API实现地图的展示和定位功能。在页面加载完成后，地图会显示出来，并且可以获取到当前位置的经纬度信息。根据需要，还可以使用百度地图API提供的其他功能来进行地图的交互和定位操作的优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值