相关文章推荐
帅气的匕首  ·  OpenGL ES - 知乎·  1 年前    · 
个性的跑步机  ·  mysql 生成随机数 ...·  1 年前    · 
热心的皮蛋  ·  Microsoft office ...·  1 年前    · 

这是个让人蛋疼的bug,认真查看Google maps API文档的童鞋们一定不会碰到。

我的同事为项目写了个针对map这块的jQuery plugin,然后在项目测试中发现,刚加载完页面时,直接点击map上toolbar的zoom in/out按钮或者用鼠标滚轮对地图进行放大缩小时,位置不知道偏到哪个黑暗的小角落去了。我看了丫代码半天,没发现啥问题,感觉问题是出在center的值不对,可是人家用bounds定位定得好好的,刚加载完页面时候的center也没问题啊,怎么一缩放就出问题了呢?更诡异的是,只要对地图进行过除了缩放以外的任何操作,都工作正常。谷歌一下也没有看到类似的提问或者文章。最后灵光一闪,抓到罪魁祸首。

问题就出在那位老兄在初始化init map的时候,给google.maps.Map()对象传输的参数里面只给了bounds,而没有给一个required的参数center。。。有意思的是,地图加载完了也不自己计算更新这个center的值,只有在进行过任何操作以后才更新center,此前对这个值的任何修改都有效。

也就是说你可以这么玩:

var options = {
center: new google.maps.LatLng(),
...

};

var map = google.map.Maps(options);

options.center = new google.maps.LatLng(31.838463501293745, 117.17588437182617);

地图刚加载完的时候,进行缩放就会以这个最新给的值为中心点。

记录下bug,希望能给同志们节省修bug花费的时间,时间就是金钱啊~

这是个让人蛋疼的bug,认真查看Google maps API文档的童鞋们一定不会碰到。我的同事为项目写了个针对map这块的jQuery plugin,然后在项目测试中发现,刚加载完页面时,直接点击map上toolbar的zoom in/out按钮或者用鼠标滚轮对地图进行放大缩小时,位置不知道偏到哪个黑暗的小角落去了。我看了丫代码半天,没发现啥问题,感觉问题是出在center的值不对,可是
最近在折腾的 web 端的可视化项目,由于相关业务的需要,用到了 Mapbox 这一 地图 开发的神器。在此先奉上一个基于 mapbox -gl实现的demo(来源:uber的deck.gl项目): 下面我们从这个项目一步步来介绍 Mapbox 的前端 GIS 引擎 Mapbox GL JS. 一、简单了解 首先, Mapbox 地图 领域是一家...
谷歌 地图 new A Map .Marker 创建标记点 缩放 位置 偏移 解决方案 按照高德 地图 的api,创建Marker(图标)并将其放置到 地图 上,代码如下: var marker = new A Map .Marker({ //设置经纬度 position : [121.499809,31.239666], //设置 偏移 量 offset: new A Map .Pixel(-10, -10), //设置图标属性 icon :
在百度 地图 后面引入 map vgl <script type="text/javascript" src="https://api. map .baidu.com/api?v=1.0&type=webgl&ak=你自己的"></script> <script src="https://code.bdstatic.com/npm/ map vgl@1.0.0-beta.141/dist/ map vgl.min.js"></script>
最近为了使用openlayers的animate方法,所以换到了最新版本(之前用的是openlayer3,现在用的是openlayer6.6) openlayer3使用 缩放 的方法是,摘自https://blog.csdn.net/envon123/article/details/83306070 但是以下的方法在 偏移 动画画完之后, 偏移 位置 总是不准确,甚至可能飞出显示范围。 function backWithAnim() { var pan = ol.animation.pan({
参考Agger_chen上学下达两位,但有如下问题: 1.style要用class方式,使用原博主方式会出现tip出现在 地图 的上面或者下面(根据div先后顺序决定),而不是悬浮于 地图 之上。 2.原博中tip 位置 的实现,若tip超出右边界或者下边界并不能完整显示,请参考以下代码: position: function(point, params, dom, rect, size) ...
一、问题分析   我们在 缩放 地图 时,是想要在某一个 位置 进行 缩放 ,但是在 缩放 结束时,由于手指不会同时离开不触摸屏幕,所以会造成 缩放 结束后 地图 会有一个移动的效果。这个效果是我们不需要的,这就是我们需要解决的问题。问题分析清楚就应该明白这个肯定是要从 Android 的事件传递机制入手的,我们怎么能让 地图 缩放 之后不响应最后的那个 MOVE (移动操作)? 二、 思路 (1)百度 地图 有提...