摘要:
现在我们学习一下加载网上的线上数据再加上点矢量图层,紧接着上一步 关键代码 layers: [ //瓦片图层source第三方,或者自带的,地图的底层 new TileLayer({ // source: new OSM(),//内置的国外地址,需要代理 source: new XYZ({ url: 阅读全文
摘要:
我们原来的偏移感觉比较生硬,我们来学习一下偏移的动画,先列一下这节的知识点 限制经纬度范围和缩放范围(view层) view = new View({ center:[114.305469,30.592876], zoom: 10, projection:'EPSG:4326', extent:[1 阅读全文
摘要:
有了上一步的学习,我们知道了如何创建一个地图,现在我们来尝试更改一下图层的中心点 关键代码 let view = map.getView();//获取视图层 let center = view.getCenter(); //表示当前中心点的位置,调增经纬度就可以进行位置的便宜,下移,左移右移也同理 阅读全文
摘要:
首先搭建一个vue工程化环境,首先我们先来创建一个地图吧 首先我们需要下载 npm i ol 其次我们需要在main.js里面引入相关的css import 'ol/ol.css' 到现在我们就可以开始敲击我们的代码了,直接复制就可以展示出一个简单的地图啦,相关备注已经在代码中标注,有什么不懂的可以 阅读全文