android百度地图拖拽地图定位,百度地图，拖动地图，定位marker固定在屏幕中心位置...

以下为百度地图相关效果图：

注：该例子主要思路是将覆盖物(marker)通过css定位上去的，但是存在一个问题，当浏览器窗口宽度改变时，覆盖物会自动定位到地图中心位置，但是地图可能不会。

map

html{height:100%}

body{height:100%;margin:0px;padding:0px}

#container{height:100%}

.mapicon{

position: fixed;

top: 50%;

left: 50%;

transform: translateX(-50%) translateY(-100%);

width: 52px;

/* margin-top: -200px; */

}

/**

* 主要通过地图的地理位置与像素转换实现效果

var map = new BMap.Map("container");

var point = new BMap.Point(116.404, 39.915);

/**

* Y轴偏移量，即地图可视区域中心点在Y轴的偏移量

* 当你的地图底部还有一些输入框的时候，可视区域集中在

* 手机的上部，增加偏移量能够将定位地点上移到可视区的

* 中间，这个量根据页面情况自行设定

* @type {number}

var offsetY = 200;

offsetY = 0

map.centerAndZoom(point, 15);

var geolocation = new BMap.Geolocation();

geolocation.getCurrentPosition(function(r){

if(this.getStatus() === BMAP_STATUS_SUCCESS){

var mk = new BMap.Marker(r.point);

map.addOverlay(mk);

//将地图中心移动到可视区中点

map.panTo(r.point);

var centerPixel = map.pointToOverlayPixel(map.getCenter());

//通过设置地图的中心点，使定位点显示在手机上部分区域

map.setCenter(map.overlayPixelToPoint({x:centerPixel.x,y:centerPixel.y+offsetY}));

map.addEventListener('dragend',function(){

//获得移动之后地图中心点的像素位置

var pixel = map.pointToOverlayPixel(map.getCenter());

//获得定位图标所在位置在地图上的地理位置，实际上定位图标的像素位置就在地图中心像素位置相应的偏移量处

var Point = map.overlayPixelToPoint({x:pixel.x,y:pixel.y-offsetY});

// var mkn = new BMap.Marker(Point);

// map.addOverlay(mkn);

});

}else {

alert('failed'+this.getStatus());

}

});

android百度地图拖拽地图定位,百度地图，拖动地图，定位marker固定在屏幕中心位置...相关推荐

android百度地图定位跳转中心点,百度地图，拖动地图，定位marker固定在屏幕中心位置...
以下为百度地图相关效果图: 注:该例子主要思路是将覆盖物(marker)通过css定位上去的,但是存在一个问题,当浏览器窗口宽度改变时,覆盖物会自动定位到地图中心位置,但是地图可能不会. map ht ...
android地图拖动事件,地图拖拽相关事件
事件系统 html, body, #container { width: 100%; height: 100%; } 请用鼠标拖拽地图试试地图拖拽相关事件绑定事件解绑事件 //初始化地图对象,加 ...
@antv/l7绘制地图，添加图例，修改地图上颜色，是否允许地图拖拽，是否滚动缩放等
html <div class="charts-box"><div style="min-height: 300px; justify-content: ...
高德地图 - 拖拽选址+搜索选址
实现效果 - 搜索和拖拽选址思路拖拽选址,用的是高德的UI组件库PositionPicker 添加圆标记用的是添加覆盖物-圆搜索选址用的是搜索服务AMap.Autocomplete(根据输入关键 ...
android rebound平移,Android 仿 IOS 拖拽回弹之进阶 ReboundFrameLayout
Android 仿 IOS 拖拽回弹之进阶 ReboundFrameLayout 前言 IOS 拖拽回弹给用户的体验不得不赞然后 Android 原生的 API 各种不支持, 于是乎出现的很多仿 IO ...
android 跟随动画,Android实现View拖拽跟随手指移动效果
今天想实现这个功能,但是网上搜索代码,都是利用setPadding,setMargin 等方法去实现的,这在Android 4.0 以前是没问题的,但是,android 4.0 后系统已经提供了更简单 ...
小程序Android端movable-view拖拽卡顿掉帧的优化
背景: 最近项目中使用到movable-view来做一个拖拽排序的功能,等到功能都实现完成后到真机测试发现,拖拽动画在Android端存在严重的卡顿掉帧,及其不跟手,但是在IOS端却挺流畅.查阅Goo ...
iOS 使用百度地图，仿滴滴打车的定位方法。拖动时时定位
先看下效果,没有录屏,放张图片,如果想体验效果可以看看滴滴打车的定位,我这里没有写动画效果参考http://bbs.lbsyun.baidu.com/forum.php?mod=viewthread ...
Android 集成高德地图——当前定位，添加图标，画路线，设置显示中心位置，比例，地图刷新位置监听，判断GPS开启，去打开GPS
/*** 判断定位服务是否开启** @param* @return true 表示开启*/ public static boolean isLocationEnabled(Context contex ...

android百度地图拖拽地图定位,百度地图，拖动地图，定位marker固定在屏幕中心位置...

android百度地图拖拽地图定位,百度地图，拖动地图，定位marker固定在屏幕中心位置...相关推荐

最新文章

热门文章