openLayers,常见地图实例

http://openlayers.org/en/master/examples/epsg-4326.html -- 标尺

http://openlayers.org/en/master/examples/export-map.html -- 截图

http://openlayers.org/en/master/examples/export-pdf.html -- 导出PDF

http://openlayers.org/en/master/examples/extent-interaction.html -- 国界线

http://openlayers.org/en/master/examples/feature-animation.html -- 动态弹圆圈

http://openlayers.org/en/master/examples/feature-move-animation.html -- 圆点按路线跑动

http://openlayers.org/en/master/examples/flight-animation.html -- 散射图

http://openlayers.org/en/master/examples/full-screen-source.html -- 全屏地图

http://openlayers.org/en/master/examples/full-screen.html -- 全屏地图2

http://openlayers.org/en/master/examples/geojson.html -- 画几何图形

http://openlayers.org/en/master/examples/geolocation-orientation.html -- 定位 不能定位

http://openlayers.org/en/master/examples/geolocation.html -- 定位2 可以定位到

http://openlayers.org/en/master/examples/getfeatureinfo-image.html -- 获取鼠标点击位置的详细信息

http://openlayers.org/en/master/examples/getfeatureinfo-tile.html -- 获取鼠标点击位置的详细信息(瓦片层)

http://openlayers.org/en/master/examples/graticule.html -- 有经纬线的地图

http://openlayers.org/en/master/examples/heatmap-earthquakes.html -- 热力能量图

http://openlayers.org/en/master/examples/hit-tolerance.html -- 误差

http://openlayers.org/en/master/examples/icon-color.html -- 图块地图

http://openlayers.org/en/master/examples/icon.html -- 图块地图(打标记)

http://openlayers.org/en/master/examples/icon-negative.html -- 地点标记

http://openlayers.org/en/master/examples/image-filter.html -- 绿色植被

http://openlayers.org/en/master/examples/image-vector-layer.html -- 点选国家,边界线画出来

http://openlayers.org/en/master/examples/kml-earthquakes.html -- 地震带

http://openlayers.org/en/master/examples/kml-timezones.html -- 时间轴地图

http://openlayers.org/en/master/examples/kml.html -- 矢量地图

http://openlayers.org/en/master/examples/layer-clipping.html -- 图形裁剪地图

http://openlayers.org/en/master/examples/layer-extent.html -- 标记位置

http://openlayers.org/en/master/examples/layer-spy.html -- 放大镜效果

http://openlayers.org/en/master/examples/layer-swipe.html -- 明亮 阴影面地图

http://openlayers.org/en/master/examples/layer-z-index.html -- z坐标轴

http://openlayers.org/en/master/examples/line-arrows.html -- 画带箭头的折线图(双击鼠标停止划线)

http://openlayers.org/en/master/examples/lazy-source.html -- 填充和置空地图

http://openlayers.org/en/master/examples/localized-openstreetmap.html -- 街道图

http://openlayers.org/en/master/examples/measure.html -- 测量直线距离

http://openlayers.org/en/master/examples/modify-features.html -- 点击shift键,拉动鼠标,放大地图

http://openlayers.org/en/master/examples/mouse-position.html -- 获取鼠标在地图上的位置

http://openlayers.org/en/master/examples/moveend.html -- 获取地图上下左右的位置

http://openlayers.org/en/master/examples/overlay.html -- 弹窗显示鼠标点击位置的坐标位置

http://openlayers.org/en/master/examples/popup.html -- 弹窗显示鼠标点击位置的坐标位置

http://openlayers.org/en/master/examples/overviewmap-custom.html -- 小窗口显示小地图

http://openlayers.org/en/master/examples/overviewmap.html -- 小窗口显示小地图

http://openlayers.org/en/master/examples/preload.html -- 双DIV显示地图(不同尺寸)

http://openlayers.org/en/master/examples/reprojection.html -- 切换地图参数

http://openlayers.org/en/master/examples/reusable-source.html -- 切片覆盖,换切片

http://openlayers.org/en/master/examples/sea-level.html -- 水位

http://openlayers.org/en/master/examples/select-features.html -- 鼠标点击方式

http://openlayers.org/en/master/examples/shaded-relief.html -- 光线角度

http://openlayers.org/en/master/examples/side-by-side.html -- 双DIV显示

http://openlayers.org/en/master/examples/snap.html -- 标记地图方式切换

http://openlayers.org/en/master/examples/ -- 地图切换到另一个DIV显示

http://openlayers.org/en/master/examples/tile-load-events.html --监听点击,有条状态线

http://openlayers.org/en/master/examples/tileutfgrid.html -- 鼠标滑过,显示国旗

http://openlayers.org/en/master/examples/tilejson.html -- tilejson 例子

http://openlayers.org/en/master/examples/topolis.html -- 画点,并用线条连接起来

http://openlayers.org/en/master/examples/translate-features.html -- 切换国家

http://openlayers.org/en/master/examples/vector-esri-edit.html -- 地图上划线

http://openlayers.org/en/master/examples/vector-labels.html -- 改变 地图参数

http://openlayers.org/en/master/examples/vector-layer.html -- 地图画边线

http://openlayers.org/en/master/examples/vector-osm.html -- 三维地图

http://openlayers.org/en/master/examples/vector-wfs.html -- wfs地图

http://openlayers.org/en/master/examples/wms-capabilities.html -- wms 性能分析

http://openlayers.org/en/master/examples/zoomslider.html --滑动条,改变大小

时间: 2024-10-11 15:49:22

openLayers,常见地图实例的相关文章

【javascript】javascript常见正则表达式实例

javascript常见正则表达式实例 实例来源 1 var myRegExp = { 2 // 检查字符串是否为合法QQ号码 3 isQQ: function(str) { 4 // 1 首位不能是0 ^[1-9] 5 // 2 必须是 [5, 11] 位的数字 \d{4, 9} 6 var reg = /^[1-9][0-9]{4,9}$/gim; 7 if (reg.test(str)) { 8 console.log('QQ号码格式输入正确'); 9 return true; 10 }

OpenLayers 之 地图交互功能(interaction)详解

地图交互功能和上一篇讲的地图控件有些混淆,它们都控制着用户与地图的交互,区别是地图控件的触发都是一些可见的 HTML 元素触发,如按钮.链接等:而交互功能都是一些设备行为触发,都是不可见的,如鼠标双击.滚轮滑动等,手机设备的手指缩放等. 地图的交互功能包含很多,如地图双击放大,鼠标滚轮缩放,矢量要素点选,地图上绘制图形等等.只要是涉及到与地图的交互,就会涉及到 intercation 类,它定义了用户与地图进行交互的基本要素和事件.下面我们就来看看用户与地图都有那些交互,怎么交互. 注: '自定

基于OpenLayers的地图应用中图标汉化

在OpenLayers中图标默认是英文的,但是作为中国人,且做出来的地图产品主要是面向中国人,英文的图标对我们来说自然是不可接受的,因此需要对其进行汉化.这个功能做起来也很简单.只需要添加如下几个语句即可: OpenLayers.INCHES_PER_UNIT["千米"]=OpenLayers.INCHES_PER_UNIT["km"]; OpenLayers.INCHES_PER_UNIT["米"]=OpenLayers.INCHES_PER_

百度地图实例

功能一:获取map地图窗口的可视区域: var map = new BMap.Map("allmap");            // 创建Map实例 map.centerAndZoom(new BMap.Point(116.4035,39.915), 14);  //初始化时,即可设置中心点和地图缩放级别. var bs = map.getBounds();   //获取可视区域 var bssw = bs.getSouthWest();   //可视区域左下角 var bsne =

使用OpenLayers发布地图

OpenLayers是用于制作交互式Web地图的开源客户端JavaScript类库,制作的地图几乎可以在所有的浏览器中查看.因为是客户端类库,它不需要特殊的服务器端软件或配置,甚至不用下载任何东西就可以使用它.OpenLayers最初由Metacarta开发,现在它已经成为一个拥有众多开发者和帮助社区的成熟.流行的框架. 下载OpenLayers OpenLayers的官方网址为:http://openlayers.org/ 1.打开官网,可以看到目前OpenLayers的最新版本是2.12,直

OpenLayers 之 地图图层数据来源(ol.source)详解

source 是 Layer 的重要组成部分,表示图层的来源,也就是服务地址.除了在构造函数中制定外,可以使用 layer.setSource(source) 稍后指定. 一.包含的类型 ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage: ol.source.Cluster,聚簇矢量数据,继承自ol.source.Vector: ol.source.ImageCanvas,数据来源是一个 canvas 元素,其中的数据是图片,继承自 ol.

OpenLayers中地图缩放级别的设置方法

来源于:http://www.cnblogs.com/sailheart/archive/2011/03/15/1984519.html 一.概述 在OpenLayers中,地图必须具有一个缩放级别的范围,缩放级别可以用比例尺(scale)或者分辨率(resolution)表示. 比例尺——屏幕上1米代表多少地图坐标单位:分辨率——屏幕上一个像素代表多少地图坐标单位.两者的转换关系是:scale = resolution * 72 * 39.3701(1米=39.3701英寸,1英寸=72像素)

ECharts系列 - 地图 实例一

ECharts主页:  http://echarts.baidu.com/index.html ECharts-2.1.8下载地址:  http://echarts.baidu.com/build/echarts-2.1.8.zip ECharts官方实例:  http://echarts.baidu.com/doc/example.html ECharts官方API文档:  http://echarts.baidu.com/doc/doc.html 1.项目结构 js文件夹: 下载了EChar

OpenLayers在地图外放置控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>在地图外放置控件</title> <link rel="s