OpenLayers开发:添加地标
2015-07-14 15:15
281 查看
地标是地图应用中常用的方法,通过一个小图标在地图上来标识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);
运行结果如下:
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);
运行结果如下:
相关文章推荐
- Centos7 安装maven,tomcat(linux第三篇)
- 系统架构优化思路
- linux中svn命令集
- Linux测试标准------stress压力测试
- shell 批量替换文本中的内容
- liunx tomcat 部署
- tomcat 部署多个war包项目和配置域名
- centos重置密码
- OpenLayers开发:调用矢量图层
- Linux下高频命令分类辑录(基本使用篇)
- 软负载与nginx的相关配置
- Jetty 的工作原理以及与 Tomcat 的比较
- Linux之变量引用与命令替换
- 通过property修改usb属性
- Linux之文件加密解密
- OpenLayers开发:调用栅格数据
- 使用 X-Frame-Options 防止被iframe 造成跨域iframe 提交挂掉
- Linux的10个彩蛋
- Centos允许root远程登录设置
- OpenLayers开发:简单示例