摘要：
<!-- 导入页面 --> <div class="modal-dialog" id='ImportMoadl' style='display:none;'> <div class="modal-content" style='z-index: 9999;'> <div class="modal-h 阅读全文
posted @ 2019-02-26 15:00
本木木
阅读(300)
评论(0)
推荐(0)
摘要：
var file = document.getElementById('mapFile').files[0]; var url = getObjectURL(file)； // 封装本地上传文件路径function getObjectURL(file) { var url = null; if (w 阅读全文
posted @ 2019-02-13 17:11
本木木
阅读(775)
评论(0)
推荐(0)
摘要：
创建场景在第一章的地方就讲过怎么样创建一个最基本的场景，这里不重复了html:部分 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/three.js/9 阅读全文
posted @ 2019-01-18 18:46
本木木
阅读(2409)
评论(0)
推荐(0)
摘要：
three是图形引擎，而web二维三维地图都是基于图形引擎的，所以拿three来开发需求简单的三维地图应用是没什么问题的。 1.坐标转换 实际地理坐标为经度、纬度、高度，而three.js使用的是右手坐标系x、y、z，本来考虑的是将经纬度坐标转换成墨卡托，再去和three的坐标系对应。而实际项目中， 阅读全文
posted @ 2019-01-18 18:39
本木木
阅读(3780)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>场景世界坐标转</title> <style type="text/css"> html, body { margin: 0; height: 100%; } ca 阅读全文
posted @ 2019-01-18 16:03
本木木
阅读(2800)
评论(0)
推荐(0)
摘要：
$("#mapManagerEditForm").bootstrapValidator("addField","floors",{ validators : { notEmpty : { message : '<span style="color: #a94442!important">楼层不能为空 阅读全文
posted @ 2018-12-19 09:42
本木木
阅读(313)
评论(0)
推荐(0)
摘要：
//全局配置 BootstrapDialog=window.parent.BootstrapDialog; 阅读全文
posted @ 2018-12-19 09:42
本木木
阅读(446)
评论(0)
推荐(0)
摘要：
//地圖加載function mapInit(data){ //底图// var raster = new ol.layer.Tile({// source: new ol.source.Stamen({// layer: 'toner'// })// }); var projection = ne 阅读全文
posted @ 2018-11-30 18:45
本木木
阅读(1845)
评论(1)
推荐(0)
摘要：
点：可以用THREE.Vector3D来表示 现在来看看怎么定义个点，假设有一个点x=4，y=8，z=9。你可以这样定义它： var point1 = new THREE.Vecotr3(4,8,9); 另外你也可以使用set方法，代码如下： var point1 = new THREE.Vecto 阅读全文
posted @ 2018-10-12 10:59
本木木
阅读(1927)
评论(0)
推荐(0)
摘要：
表格参数： 表格的类名称。默认情况下，表格是有边框的 你可以添加 ‘table-no-bordered’ 来删除表格的边框样式。 定义字体库 (‘Glyphicon’ or ‘fa’ for FontAwesome),使用”fa”时需引用 FontAwesome， 并且配合 icons 属性实现效果 阅读全文
posted @ 2018-09-05 19:33
本木木
阅读(18508)
评论(0)
推荐(0)
摘要：
bootstrapValidator在提交的时候可以进行验证，但是对于点击输入框进行赋值的时候验证失效。 解决方法： 然后在设置change方法方可解决。 阅读全文
posted @ 2018-08-31 12:48
本木木
阅读(1190)
评论(0)
推荐(0)
摘要：
/** * 获取浏览器滚动距离 */ function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else { return { x: 阅读全文
posted @ 2018-08-08 10:59
本木木
阅读(1822)
评论(0)
推荐(0)
摘要：
本地存储localstorage localstorage 是 HTML5 提供的在客户端存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是永久保存的，除非人为干预删除。 localstorage作为本地存储来使用，解决了cookie存储空间不足的问题：cookie中每条cookie的存储 阅读全文
posted @ 2018-08-06 09:44
本木木
阅读(3426)
评论(0)
推荐(0)
摘要：
校验身份证号 1 //校验码校验 2 checkCode: function (val) { 3 var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; 4 var 阅读全文
posted @ 2018-08-06 09:39
本木木
阅读(3869)
评论(0)
推荐(0)
摘要：
目前已经有很多html5播放器可以使用，使用html5播放器可以轻松的在页面中插入媒体视频，从而使我们的web页面变得更加丰富多彩，所以今 天向大家推荐一款非常优秀的html5播放器MediaElement.js，它不仅能够添加我们常用的html5视频格式（mp4,m4v,mov）， 而且还支持回退 阅读全文
posted @ 2018-08-03 10:40
本木木
阅读(6798)
评论(0)
推荐(0)
摘要：
1、代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS过度和变形效果演示</title> <style type="text/css"> *{ margin: 0; padding: 0; } .container{ wi 阅读全文
posted @ 2018-08-02 17:16
本木木
阅读(463)
评论(0)
推荐(0)
摘要：
终于闲下来了，前段时间做了个项目，高精度精准定位系统，用到了three3D地图 听起来是不是很炫酷？其实并不难。先把部分代码附上（文件比较多，只粘贴部分的） $(function () { if (!Detector.webgl) Detector.addGetWebGLMessage(); var 阅读全文
posted @ 2018-08-02 15:55
本木木
阅读(729)
评论(0)
推荐(0)
摘要：
mq推送数据，表格实时更新，发现销毁表格不太合适，整体表格闪动，于是选择更新数据层。 先初始化表格，然后在推送数据的时候先循环遍历数据 例如： initDevTable(data.operatingLog); for(var i=0;i<data.operatingLog.length;i++){ 阅读全文
posted @ 2018-08-02 15:49
本木木
阅读(675)
评论(0)
推荐(0)
摘要：
echarts x轴标签文字过多导致显示不全 ( 新号掘金 ：https://juejin.cn/post/7020693762212888584 ） 如图： 解决办法1：xAxis.axisLabel 属性 axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。（当然yA 阅读全文
posted @ 2018-07-30 10:44
本木木
阅读(27747)
评论(1)
推荐(5)
摘要：
首先新建一个include 把所有引入的文件放入公共文件里 function getBaseURL() { var pathName = window.document.location.pathname; var projectName = pathName.substring(0, pathNa 阅读全文
posted @ 2018-07-27 16:47
本木木
阅读(341)
评论(0)
推荐(0)
浙公网安备 33010602011771号