2018年11月_wml00000

12月 11月 10月 09月 08月 05月

原创 Echarts加载地图的三种方式

参考地址：http://www.echartsjs.com/option.html#geo.mapECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。下面是两种类型的使用示例：JavaScript 引入示例：<script src...

2018-11-27 15:13:39 9542

原创 Leaflet中获取两个地理坐标点之间的距离

通过方法distanceTo()distanceTo(<LatLng>otherLatLng) Number Returns the distance (in meters) to the given LatLng calculated using the Spherical Law of Cosines. 示例：var latlng = L.l...

2018-11-26 16:58:01 6108

转载 js中(function(){}()),(function(){})(),$(function(){});之间的区别

1. (function(){}())与(function(){})()这两种写法，都是一种立即执行函数的写法，即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。通常的函数声明和调用分开的写法如下：function foo() {/*...*/} // 这是定义，Declaration；定义...

2018-11-23 16:18:17 347

原创地图上实现高效率绘制海量点的原理

最近要用Leaflet实现海量点的绘制，开始的时候用的是Leaflet自带的L.marker( )方法，当绘制10000个点时，卡顿感非常明显。后来找了个插件，同样绘制10000个点性能上明显提升。其原因是通过canvas实现marker的绘制，避开了对DOM的操作,与DOM过多的交互会降低响应速度，canvas可以被硬件加速，直接进行像素级渲染，这样就提高了性...

2018-11-23 10:07:12 2959 1

原创前端开发中的"脚手架"是什么意思

最近经常看到“脚手架”这个词，按照我个人的理解，这个就是一个比喻，比喻项目开发的前期工作。每次开始一个项目，你得先把整个文件目录结构搭好把，把必要的文件先建好。这个过程每次新建项目都需要，其实这个就是脚手架该干的活。再说明白点，这个脚手架就是个项目模板，有了他能给我省很多事。就像在后台创建Maven项目时，可以直接Create from archetype 这个 archety...

2018-11-20 11:11:47 22079

原创 JS报错：require is not defined

报错原因：浏览器端不能识别require关键字，require是node.js环境下的，在node_modules文件夹里面的模块下面常见require解决方法：通过工具browserify或者是webpack把js文件编译一下，转成浏览器端可识别的。//安装browserify ,我这里是全局安装npm install -g browserify// 编译browse...

2018-11-17 13:40:40 166229 9

原创 windows环境下运行.sh文件

.sh是shell script格式的文件，在Linux环境下是可以直接运行的，到文件所在目录下，执行 ./test.sh如果是在Windows环境下，在CMD窗口是无法直接执行./test.sh 的，这时候可以通过GIT 工具来运行，关于GIt的安装配置参考：https://blog.csdn.net/u013295518/article/details/78746007接下来，...

2018-11-17 11:47:01 102814 5

原创百度地图示例左侧的代码编辑器Ace Editor

之前用百度地图的时候，看到左侧有个代码编辑器不错，开始的时候不知道是个啥玩意，现在发现原来是个在线的代码编辑器，就像vim,sublime，只不过是在线的，有点意思。官网地址：https://ace.c9.io/ ...

2018-11-17 11:25:23 697

原创基于GraphHopper搭建离线路径规划服务并可视化

效果图：说明：上篇已经说到如何在本机开启GraphHopper服务了，地址在这：https://blog.csdn.net/wml00000/article/details/84030182 ，里面的第一步就是，总结一下就是：一个jar包，一份pbf格式的数据，一个配置文件，然后在cmd窗口下跑一条命令。两个需要注意的地方：1.如果你想做全国的路径规划，先到OpenStr...

2018-11-15 18:34:27 14098 5

转载 AJAX跨域问题

参考地址：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000为什么会有跨域问题？这是因为浏览器的同源策略导致的。默认情况下，JavaScript在发送AJAX请求时，URL的...

2018-11-15 10:54:56 151

原创基于Leaflet和GraphHopper实现离线路径规划

需求分析：首先关于地图功能都是基于开源框架Leaflet进行开发，现在要在断网的情况下实现路径规划。这里面其实包含了两个问题：1.路网数据必须是离线的；2.必须有离线的路径规划后台服务。开发过程：刚开始把GraphHopper源码Git下来的时候，看了看代码我是懵逼的。其实如果只是用他的离线接口的话，没有必要去看他的源代码，只要找到必要的readme...

2018-11-13 16:55:00 8418 5

转载对require和import的认识

参考博客：https://blog.csdn.net/qq_28702545/article/details/54892562 http://www.cnblogs.com/liaojie970/p/7376682.html require和import都是为了实现前端的模块化编程。import是ES6标准下的，对应于export,编译时...

2018-11-09 13:35:33 186

原创 JS实现回调函数

参考博客：https://blog.csdn.net/baidu_32262373/article/details/54969696场景：现在我要创建一个地图，创建成功之后，执行回调函数，整个过程有点类似于前端向后台发送请求，成功之后拿到结果执行回调函数。代码：<script> function createMap (){ var ...

2018-11-08 18:44:31 302

原创基于Leaflet实现路径轨迹回放功能

效果图：说明： 1.该功能是在这篇博客基础上完成的：ArcGIS JS API 实现路径轨迹回放但是里面有点小问题：首先，小车并不是匀速运动的，而是每一段的运行时间固定，所以在该博客上进行了修改；另一方面，Leaflet中没有提供设置图标旋转角度的方法，因此需要先对Marker类进行扩展。 2.另外还参考了百度地图路书开源库，本来是想直接把js文件拿过来...

2018-11-07 13:02:45 11030 8

1. 模型下载自AGI官网：http://assets.agi.com/models，具体下载方式可参考：https://blog.csdn.net/wml00000/article/details/125401228 2. 模型均为gltf格式，符合gltf1.0标准，不支持gltf2.0标准，无法直接用Windows自带的3D查看器查看模型； 3. 所有模型均可以通过VS Code插件glTF Tools在Cesium环境下预览； 4. 飞机等模型的默认方向是反的，已经手动编辑gltf文件中的node属性下的matrix进行了调整，目前全部为正向，关于matrix含义可以参考 https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial/gltfTutorial_004_ScenesNodes.md； 5. 大部分原始模型包含animations（动画）属性，已经手动删除了gltf文件中的animations属性； 6. 如有需要原始文件可以下载另一资源：

2022-06-22

STK_GLTF三维模型_原始

1. 模型下载自AGI官网：http://assets.agi.com/models ，具体下载方式可参考：https://blog.csdn.net/wml00000/article/details/125401228 2. 模型均为gltf格式，符合gltf1.0标准，不支持gltf2.0标准，无法直接用Windows自带的3D查看器查看模型； 3. 所有模型均可以通过VS Code插件glTF Tools在Cesium环境下预览； 4. 飞机等模型的模型方向是反的，可以手动编辑gltf文件中的node属性下的matrix进行调整，matrix含义可以参考 https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial 5. 大部分模型包含animations（动画）属性，可以手动删除gltf文件中的animations属性； 6. 如有需要可以下载另一资源： - 调整了模型的方向，解决模型反转问题； - 删除了animations（动画）属性；

2022-06-22