猪猪侠的博客

一、创建地图1、地图Map创建地图底图：需要用new ol.Map({})地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI组件的控件control组成的。（1）、创建基本地图let map = new ol.Map({target: ‘map’,//对象指向layers: [//图层new ol.layer.Tile({//这里定义的是平铺图层source: new ol.source.OSM()//图层源 定义图层映射协议

gis

https://geojson.io/#map=14/31.5999/120.3130速度比较慢，尽量采用外网访问比较快！

GIS

//地图缩放，通过extent范围 extent数据类型为int数组，不能为字符串，如果为字符串则先转换为int数组。function zoomToExtent(extent) { var MapZoom = extent; var mapPadding = [20, 10, 20, 10]; // alert(isArrayFn(extent)); if (isArrayFn(extent) == false) { var MapZoomString =

一、openlayers加载天地图 let that = this; //普通地图 that.layer.tiandituVecLayer = new TileLayer({ title: 'generalMap', source: new XYZ({ url: 'http://t3.tianditu.com/DataServer?T=vec_w&

vue这块我就不说了，直接讲openlayers。1.openlayers是什么？Openlayers是一个专为Web GIS客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图访问。Openlayers支持的地图来源包括Google Maps、Yahoo、Map、微软Virtual Earth、天地图等，用户还可以用简单的图片地图作为背景，与其他的图层在Openlayers中进行叠加，在这一方面OpenLayers提供了非常多的选择。除此之外，OpenLayers实现访问地理空间

#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 – 导出PDFhttp://openlayers.org/en/master/examples/extent-inte

在引入

Vue引入openlayers的命令npm install oltemplate> <div id="map" style="width: 100%;height: 100%"> </div></template><script>import TileLayer from "ol/layer/Tile";import View from "ol/View";import {XYZ} from "ol/source";impo

that.layer.tiandituImgLayer = new ImageLayer({ title: 'generalMap', source: new ImageArcGISRest({ ratio: 1, params: {}, url: 'http://218.2.231.245/mapjs2/rest/services/MapJS/js_yxdt_latest/MapServer', .