这是个让人蛋疼的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)百度
地图
有提...