- 博客(8)
- 收藏
- 关注
RSS订阅原创 openlayers入门教程5《初识Laryers》
一个图层是资源中数据的可视化显示，OpenLayers3 包含三种基本图层类型： ol.layer.Tile、ol.layer.Image 和 ol.layer.Vector。
2024-02-05 14:17:05
431
原创 openlayers入门教程4《Source的使用 2 加载百度地图》
在OpenLayers中，默认使用的瓦片地图的坐标系是如何定义的？经分析可知，OpenLayers 3的瓦片坐标系的原点在左上角，向上为y轴正方向，向右为x轴正方向。具体到地图上来讲，地球经过投影，投影到一个平面上，平面最左边对应地球最西边，平面最上边对应地球最北边。原点就处于整个平面的左上角，即地球的西北角，从北向南为y轴负方向，从西向东为x轴正方向。用OpenLayers 3加载它们的时候，如果坐标系不同，计算出来的瓦片地址就获取不到对应的瓦片，为解决这个问题，我们必须要先对瓦片坐标进行转换。
2024-02-05 14:02:43
378
原创 openlayers入门教程3《Source的使用》
在我们日常工作中，经常会用到百度地图、高德地图，其实他们的地图源都归属为瓦片地图，甚至我们想做某个精细化地区，地级市的业务时我们可能还会根据自己的地图服务器生成我们更加个性化的地图。显示是不能的，所以openlayers 为了应对这种情况 提供了更加通用的加载地图的api。瓦片地图 就像名字一样，有一张很大的地图，分别切割成无数的小的固定地图，由各个小的地图拼接到页面上形成一张完整的地图。这样我们就实现了一个最近基本的图层切换功能，可能看到这里会有一些疑问，对于这些操作地图的api我们是在哪里找到呢？
2024-01-24 11:01:02
683
原创 openlayers入门教程2《View -1.地图控制》
投影是为了把不可展的椭球面描绘到平面上，它使用几何透视方法或数学分析的方法，将地球上的点和线投影到可展的曲面(平面、园柱面或圆锥面)上，再将此可展曲面展成平面，建立该平面上的点、线和地球椭球面上的点、线的对应关系。精准定位某个坐标的地图展示内容 在实际业务开发中我们通常像实际定位某个设备存在与地图上与之相对应的位置，而不是笼统的定位信息展示，面对这种需求我们可以在出发定位设备这个功能时，同时设置View的放大等级再修改中心点为定位设备的中心点。下面我们将针对与一些在开发的过程中的实际使用进行一些代码讲解。
2024-01-23 14:57:35
887
原创 openlayers入门教程1《初识openlayers》
4、source：它是和图层一一对应的，OpenLayers也存在多种不同的数据源，每一种在实现上也对应于一个具体的类，它们都放在包ol.source下面，之前接触过的ol.source.OSM就是其中的一种。1、Map: 前面我们看到了，我们的所有配置最后都是作为参数传递到Map类中，进行实例化，最终初始化我们的地图，所以Map类就是我们构建一个地图的最基础类，负责将各个部分的内容整合在一起。3、layers：图层容器, 对于一个地图来说我们向上面添加的元素都被视为图层，大家互不干扰丰富我们的地图。
2024-01-23 14:13:13
363
1
原创 React Hooks 使用 Fabric.js
1、功能：手动画多边形，默认渲染回显多边形，获取到移动点和框位置后的最新坐标，点击编辑，删除，边界处理（不能拖到img/画布 外边）右键撤销上一次绘制，双击结束绘制等2、代码都有通俗的注释，目的是为了大家都看得懂，官网是英文文档，看起来真难受3、如果你是画圆或者矩形，思路差不多，只不过不用polygon，用Rect4、fabric.js 使用思路 和openlayers 差不多，都是千层饼一层层摞上去的概念。
2024-01-18 14:32:20
648
原创 React Hooks 实现在图片上手动框选矩形区域
1、建议直接复制代码，先看效果，需安装react-draggable和react-resizable(因为需要放大缩小/拖位置)，有一些可能你们没用到，有效果后看情况删除即可2、代码都有通俗的注释，目的是为了大家都看得懂，画框效果使用原生mousedown与mouseup实现5、如果需要手动拖动绘制矩形并框选区域，并获取坐标点，请移步我另一个文章：6、如有问题，欢迎评论区讨论，大家早下班，打游戏不好吗？
2024-01-18 14:30:29
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人