android 高德 marker地图marker怎么设置从一点移动至另一个点

匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。Android——高德地图设置中心点和缩放比例,获取两点之间距离
设置中心点和缩放比例:&
* 监听amap地图加载成功事件回调
public void onMapLoaded() {
LatLng marker1 = new LatLng(39.97525);
//设置中心点和缩放比例
aMap.moveCamera(CameraUpdateFactory.changeLatLng(marker1));
aMap.moveCamera(CameraUpdateFactory.zoomTo(12));
获取两点之前距离:
LatLng start = new LatLng(39.91394);
LatLng end = new LatLng(36.9574);
AMapUtils.calculateLineDistance(start, end)
本分类共有文章2篇,更多信息详见
& 2012 - 2016 &
&All Rights Reserved. &
/*爱悠闲图+*/
var cpro_id = "u1888441";一些朋友在往地图上添加标注的时候,往往会发现,图片的尖尖角对不上具体的点。比如,我要在上海东方明珠上扎一个点。
首先,我使用取点工具/console/show/picker 拾取到东方明珠的经纬度,为121..239666。
然后写一个自定义图片标注的代码,代码片段:
var marker = new AMap.Marker({ //添加自定义点标记
position: [121..239666], //基点位置
offset: new AMap.Pixel(0, 0), //相对于基点的偏移位置
draggable: true,
//是否可拖动
content: '&img src="marker_3.png" /&'
//自定义点标记覆盖物内容
为了方便查看,我在标注图外面加了一个圈,可以看到,图片的左上角对准了基点位置。并不是图片的尖尖角啊喂!!
所以,我们需要设置offset,也就是偏移,来让标注的尖尖角对准东方明珠。图片的尺寸是128*128,我们先把偏移设置成-128,-128,意思是往左走,往上走。代码如下:
var marker2 = new AMap.Marker({ //添加自定义点标记
position: [121..239666], //基点位置
offset: new AMap.Pixel(-128, -128), //相对于基点的偏移位置
draggable: true,
//是否可拖动
content: '&img src="marker_3.png" /&'
//自定义点标记覆盖物内容
图片完美地跑到了上面!但是太靠左了,应该往右移一半呢。
所以把偏移设置成-64,-128。完整代码如下:
&!doctype html&
&meta charset="utf-8"&
&meta http-equiv="X-UA-Compatible" content="IE=edge"&
&meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"&
&title&markerOffset&/title&
&link rel="stylesheet" href="/lbs/static/main1119.css"/&
&script type="text/javascript" src="/maps?v=1.3&key=0250860ccbe8acf40ebb7"&&/script&
&div id="container"&&/div&
&script type="text/javascript"&
var map = new AMap.Map("container", {
resizeEnable: true,
center: [121.499809,31.239666],//地图中心点
zoom: 18 //地图显示的缩放级别
var marker2 = new AMap.Marker({ //添加自定义点标记
position: [121.499809,31.239666], //基点位置
offset: new AMap.Pixel(-64, -128), //相对于基点的偏移位置
draggable: true,
//是否可拖动
content: '&img src="marker_3.png" /&'
//自定义点标记覆盖物内容
这样子,标注的尖尖角就完美地对准了东方明珠。如下图:
以上就是为什么以及如何给Marker设置offset洛~&
如果大家还有疑问,可以给我提工单:/dev/ticket#/tickets
48小时内回复,还有机会免费得到教程详解。谢谢!
阅读(...) 评论()地图移动的时候,怎样实时改变marker-中国学网-中国IT综合门户网站-提供健康,养生,留学,移民,创业,汽车等信息
> 信息中心 >
地图移动的时候,怎样实时改变marker
来源:互联网 发表时间: 1:59:31 责任编辑:鲁晓倩字体:
为了帮助网友解决“地图移动的时候,怎样实时改变marker”相关的问题,中国学网通过互联网对“地图移动的时候,怎样实时改变marker”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:地图移动的时候,怎样实时改变marker的经纬度坐标为地图中心点坐标 我用的是百度api的js版本 求解答!,具体解决方案如下:解决方案1:
function(){ var center=map:%E8%A6%86%E7%9B%96%E7%89%A9%E7%B1%BB/Markermarker文档上注明1.log(center).com/map/reference/ marker,之后用setPosition.getCenter().2之前用setP &#47.addEventListener('center即是地图中心点地理坐标 console.baidu.setPoint(center)./&#47.php?title=C更新marker });moving&#39.php?title=Class为map对象增加moving事件map:///
提问者评价
1个回答2个回答2个回答1个回答1个回答1个回答1个回答1个回答2个回答
相关文章:
最新添加资讯
24小时热门资讯
Copyright © 2004- All Rights Reserved. 中国学网 版权所有
京ICP备号-1 京公网安备02号

我要回帖

更多关于 高德地图 marker 的文章

 

随机推荐