`
sheva.wen
  • 浏览: 38787 次
  • 性别: Icon_minigender_1
  • 来自: 呼和浩特
社区版块
存档分类
最新评论

使用KML作为Openlayers的底图

    博客分类:
  • GIS
阅读更多

最近的项目对地图的精度要求不高,就不需要搭建Geoserver了,用Openlayers加载vector做底图,比较了一下,使用了KML格式,找了一种shp转KML的方法

 

http://arcscripts.esri.com/details.asp?dbid=14273下载 Export to KML 2.5.4 一款脚本,下载后安装,在arcgis(v9.3)里会出现一个Google Earth的图标的按钮悬浮在界面上,运行后可以选择图层进行转换。

 

Vector layer在Openlayers里只能作为overlay,不能作为baselayer,可以通过添加一个空白的Image layer作为baselayer,之后加载Vector layer。

代码示例:

 

 

function mapviewInit(){
	
    	var map = new OpenLayers.Map(
    	'mapdiv', 
    	{maxResolution:0.703125,allOverlays: true}
	);
	var bou = new OpenLayers.Layer.Vector("KML", {
		styleMap: new OpenLayers.StyleMap({
		                    pointRadius: 3,
		                    fillColor: "#ffcc66",
		                    strokeColor: "#ff9933",
		                    strokeWidth: 2
		}),
		strategies: [new OpenLayers.Strategy.Fixed()],
		protocol: new OpenLayers.Protocol.HTTP({
			url: "kml/bou2_4l.kml",
			format: new OpenLayers.Format.KML({
		                    extractStyles: false, 
		                    extractAttributes: false,
		                    maxDepth: 2
			})
		})
	});
	map.addLayer(bou);
	map.setCenter(new OpenLayers.LonLat(112,36),8,false,true);
}

 

PS:Esri官方网站的ArcScripts栏目里有不少实用脚本,需要时可以去搜搜,也许能省些力气(http://arcscripts.esri.com/)

 

 

附:中国地图 省界 省会 kml

  • kml.rar (39.9 KB)
  • 下载次数: 90
分享到:
评论

相关推荐

    GeoServer学习——OpenLayers3加载KML地图实现框选

    接下来,我们需要创建一个OpenLayers地图实例并添加图层: ```javascript var map = new ol.Map({ target: 'map', view: new ol.View({ center: [0, 0], // 地图中心点 zoom: 2 // 初始缩放级别 }), layers: ...

    OpenLayers地图联动

    在实现OpenLayers地图联动的过程中,你可能需要使用到以下资源和工具: - **源码**:OpenLayers的官方文档和GitHub仓库提供了详细的API参考和示例代码。 - **工具**:地图服务(如OpenStreetMap)、GIS数据编辑工具...

    openlayers加载在线天地图.zip

    本教程将详细介绍如何使用OpenLayers加载在线天地图。 一、OpenLayers基础知识 OpenLayers 提供了一套完整的API,用于构建动态地图应用程序。它支持多种地图操作,如缩放、平移、图层控制等。同时,OpenLayers 支持...

    vue+openlayers简单示例

    这个示例中,地图使用了OpenLayers内置的OSM(Open Street Map)源,提供免费的全球地图数据。你可以根据需要替换其他地图源,如Google Maps或Bing Maps,或者添加自定义图层。 此外,Vue和OpenLayers结合的好处...

    解决openlayers跨域访问的解决方案

    OpenLayers 是一个流行的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图服务,包括WMS、WMTS等,并可以与各种数据源集成。然而,由于浏览器的同源策略限制,当你尝试从不同的域加载地图或者...

    用Openlayers实现实时定位

    接下来,我们创建一个OpenLayers地图实例,设置其视图,以及加载地图瓦片源。例如,我们可以使用OpenStreetMap作为底图: ```javascript var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ ...

    vue封装 openlayers组件库 地图设置

    在"vue封装 openlayers组件库 地图设置"的项目中,开发者需要做的是将OpenLayers的功能集成到Vue组件中,以便在Vue应用中方便地使用。以下是一些关键步骤: 1. **安装依赖**:在项目根目录下,使用`yarn install`...

    OpenLayers地图组件

    在本文中,我们将深入探讨如何使用OpenLayers地图组件以及与Vue框架的结合。 首先,`ol-map.js`可能包含自定义的地图组件实现,它基于OpenLayers的核心功能来提供更简洁的API。这个文件可能封装了地图的基本操作,...

    OpenLayers

    创建一个基本的OpenLayers地图涉及以下几个步骤: - 创建容器:在HTML中设置一个div元素作为地图的容器。 - 创建视图:定义地图的中心点和初始缩放级别。 - 加载地图源:如谷歌地图源或其他地图服务。 - 创建图层:...

    Openlayers使用地图数据.pdf

    此外,OpenLayers还能集成多种地图服务,包括WMS、WFS、Google Maps、KaMap、Microsoft Virtual Earth、NASA WorldWind等,或者使用静态图像作为地图源。 在处理本地瓦片数据时,OpenLayers 提供了一种灵活的方法。...

    openlayers使用地图数据.pdf

    此外,它还可以接受简单的图像作为地图源,为小型应用程序提供了成本效益高的地图解决方案。 在实现本地瓦片数据访问时,通常需要从公开的地图服务中下载瓦片。例如,可以使用特定工具(如链接中提到的工具)下载...

    Cesium,OpenLayers的支持.zip

    将**Cesium**与**OpenLayers**结合使用,可以构建出既包含2D地图视图又具备3D地球展示的复杂GIS应用。这样的结合允许用户在不同的视图之间切换,提供更丰富的用户体验。例如,在2D地图上进行基本操作后,用户可以...

    openlayers很多特效demo

    它支持多种地图服务,包括WMS、WMTS等,并且能够处理多种数据格式,如GeoJSON、KML等。"openlayers很多特效demo" 提供了一系列示例,展示了OpenLayers库在地图渲染、交互和视觉效果方面的各种功能。 1. 地图交互性...

    openlayers中文.rar

    - **瓦片(Tiles)**:OpenLayers可以使用瓦片服务来提高地图加载速度,将大地图分割成小块加载。 2. **OpenLayers的使用步骤**: - **引入库文件**:在HTML文件中添加OpenLayers库的链接。 - **创建Map对象**:...

    openlayers

    例如,使用Java的Servlet或Spring MVC框架提供地图服务,OpenLayers则负责前端展示和用户交互。这需要开发者对HTTP协议、JSON格式以及GeoJSON有一定的理解。 学习OpenLayers时,除了阅读官方文档外,还可以参考示例...

    使用openlayers展示对象的移动轨迹

    OpenLayers 是一个强大的开源JavaScript库,用于在网页上创建交互式的地图应用。它支持多种地图数据源,包括WMS、WMTS等,并且能够处理地理坐标和投影。本篇文章将详细探讨如何利用OpenLayers来展示对象的移动轨迹。...

    openlayers v4.2.0下载

    作为开源项目,OpenLayers有一个活跃的开发者社区,用户可以在论坛或GitHub上寻求帮助,提交问题,甚至参与项目的改进和贡献。 总结来说,OpenLayers v4.2.0是为构建交互式Web地图应用而设计的强大的JavaScript库,...

    OpenLayers v5.3.0 release

    4. **例子(Examples)**:压缩包中的"examples"目录包含了各种示例代码,展示如何使用OpenLayers创建不同类型的地图应用。这些实例是学习和理解库功能的好资源,涵盖了从基本的地图加载到复杂交互的各种场景。 5. ...

    OpenLayers-2.5

    1. **地图叠加层管理**:它允许开发者将多个地图源(如WMS、WMTS、TMS、KML、GeoJSON等)叠加到同一幅地图上,提供丰富的地图可视化选项。 2. **交互式地图控制**:包括缩放、平移、图层切换、测量工具等,使用户...

Global site tag (gtag.js) - Google Analytics