layer添加元素 openlayer_OpenLayers开发:添加地标

地标是地图应用中常用的方法,通过一个小图标在地图上来标识pointsof interest(POI)。地标方法主要涉及OpenLayers.Marker和OpenLayers.Layer.Markers两个类,下面介绍添加地标的方法。

1. 创建HTML文件,引入OpenLayers开发包,插入地图div元素:

2. 创建地图实例对象,添加基础图层和相应控件。

3. 增加OpenLayers.Layer.Markers图层,该图层用来包含地标OpenLayers.Marker对象。

var markers = new OpenLayers.Layer.Markers(“Markers”);

map.addLayer(markers);

4. 创建地标,并添加到地标图层。

//定义图标大小

var size = newOpenLayers.Size(44, 40);

//定义图标偏移

var offset = newOpenLayers.Pixel(-(size.w / 2), -size.h);

//定义图标

var icon = newOpenLayers.Icon(‘images/marker-gold.png’, size, offset);

//创建地标

var marker = newOpenLayers.Marker(new OpenLayers.LonLat(116.0, 40), icon);

//将创建的地标添加到地标图层

markers.addMarker(marker);

运行结果如下:

转载自:https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/46878453.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值