Threejs 开发3D地图实践总结   前段时间连续上了一个月班,加班加点完成了一个3D攻坚项目.也算是由传统web转型到webgl图形学开发中,坑不少,做了一下总结分享. 1.法向量问题 法线是垂直于我们想要照亮的物体表面的向量.法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用.每一个顶点都有一个关联的法向量. 如果一个顶点被多个三角形共享,共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和.N=N1+N2: 所以如果不做任何处理,直接将3维物体的点传递给BufferG

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 这周利用晚上在家时间研究了下如何使用AE来开发切图工具.最初的想法是直接调用GP服务,利用CreateMapServerCache .ManageMapServerCacheTiles 和Geoprocessor 这样三个类来做.但是这个思路有个巨大的弊端就是必须先发布地图服务.于是接下来又马上转换思路,想能否通过瓦片选址算法以及AE的一些细粒度类来实现这个

http://blog.newnaw.com/?p=789 两年前我写过一篇关于ArcGIS地图切图/缓存原理的文章,<ArcGIS Server的切图原理深入>,里面以tiling scheme为主,讲了缓存图片的存储结构以及相关坐标的计算.那时还是ArcGIS 9.3版本,现在ArcGIS 10已经推出快一年多了,地图缓存/切图方面有了很大改进,比如增加了compact缓存格式,增加了import/export map server cache工具,增加了mixed图片模式等.这次就在上篇

1.未发布的参照http://www.cnblogs.com/oolili/p/4752114.html 2.在发布地图服务的基础上,打开Arccatalog,找到发布的地图服务选项,如下图: 右键地图服务的服务属性(services properties): (1) (2) (3) 注意:这里切图比较关键的是你要设置的地图比例级别多大以及多少各级别,一般都是和用来发布地图服务的mxd文档设置比例对应一致!! 备注: GIS技术交流QQ群:432512093

前段时间连续上了一个月班,加班加点完成了一个3D攻坚项目.也算是由传统web转型到webgl图形学开发中,坑不少,做了一下总结分享. 1.法向量问题 法线是垂直于我们想要照亮的物体表面的向量.法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用.每一个顶点都有一个关联的法向量. 如果一个顶点被多个三角形共享,共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和.N=N1+N2: 所以如果不做任何处理,直接将3维物体的点传递给BufferGeometry,那么由于法向量被合成,经过

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景 在GIS领域,金字塔技术一直是一个基础性技术,WMTS规范专门制定了针对切片请求的格式.利用这种技术,前端可以快速展示出指定级别的地图或影像. 但是,由于切图本身是一张图片,图片上看似是兴趣点的要素根本无法进行前端交互.于是,针对兴趣点等矢量数据的展示,基本原理都是先获取到矢量的地理信息(比如GeoJson),在前端绘制(内核为一个element),于是该e

win10 + Server 10.4 +  ArcMap 10.4  ArcGIS Server 缓存服务分为创建服务后手动建立缓存和创建服务时同时自动建立缓存两种. 10.2帮助文档:http://resources.arcgis.com/zh-cn/help/main/10.2/index.html#//00540000000p000000 10.4帮助文档:http://server.arcgis.com/zh-cn/server/latest/publish-services/wind

GoogleMap ,VirtualEarth ,YahooMap 等,目前所有的WebGIS都使用了缓存机制 以提高地图访问速度.原理都是将地图设定为多个比例尺,对于每个比例尺提前将地图分成若干小图片,存在服务器上,客户端访问时直接获取需要的小图片拼接成地图,而不是由服务器动态创建出一幅图片来送到客户端,极大程度的提高了反问速度. 好比外面卖菠萝,和自己买一整个回家吃不同,提前把一个菠萝等分成四份(js可能会分成6份),你只需买一份来吃,体积小,方便吃,而不是对着整个菠萝咬下去,弄一脸菠萝汁.

头一次用ArcGIS Server切图,所以遇到问题总是摸不着头脑,网上一个劲的搜罗,可惜ArcGIS Server使用的资料实在太少,所以只好自己憋,或者问客服了.切图今天积累了不少了经验,记录下,以备不备之需: 1.ArcGIS Server 10切图之后竟然是一个文件,不像9.3那样打散的格式(是很多照片) 解释:为了更好的移动瓦片地图,ArcGIS Server 10升级了切图格式,即打包成一个文件(我们暂且这么理解). 2.ArcGIS Server 10的切图格式有几种 解释:我实验

http://forum.osgearth.org/template/NamlServlet.jtp?macro=search_page&node=2174485&query=arcgis+mapserver http://forum.osgearth.org/arcgis-server-and-wms-drive-td3012359.html  (分层切片讨论) ArcGIS Server的切图原理深入 转自http://blog.newnaw.com/?p=69 注:菩提老王的博客很不

gdal2tiles.py是GDAL库中用于生成TMS瓦片的python代码,支持谷歌墨卡托EPSG:3857与经纬度EPSG:4326两种瓦片,输出png格式图像. gdal2tiles.py More info at: http://wiki.osgeo.org/wiki/Tile_Map_Service_Specificationhttp://wiki.osgeo.org/wiki/WMS_Tiling_Client_Recommendationhttp://msdn.microsoft.

声明: web小白的笔记,欢迎大神指点,联系QQ:1522025433. 工具:Photoshop 1.复制文字:点击文章工具后选择文字. 2.矩形选框工具 看信息 f8, 取消矩形选框 Ctrl+D. 3. 传统切图:用工具栏的 矩形选框工具 选中你想要的图片部分,然后选择编辑栏(最顶上的一栏)选择 图像-->裁剪 然后你想要的图片就出来了,然后再 储存为web所用格式(点击编辑栏的 文件-->储存为web所用格式 ) 即可. 4.快速切图(快速切图的代替方法吧,可以和切图达到一样的效果,传

http://blog.newnaw.com/?p=69 GoogleMap,Virtual Earth,YahooMap等,目前所有的WebGIS都使用了缓存机制以提高地图访问速度.原理都是将地图设定为多个比例尺,对于每个比例尺提前将地图分成若干小图片,存在服务器上,客户端访问时直接获取需要的小图片拼接成地图,而不是由服务器动态创建出一幅图片来送到客户端,极大程度的提高了反问速度.好比外面卖菠萝,和自己买一整个回家吃不同,提前把一个菠萝等分成四份(js可能会分成6份),你只需买一份来吃,体积小

在AGS Sever中很重要的功能就是地图缓存的制作,安装AGS Sever会在catalog中增加相关的工具箱,利用这些工具可以制作.删除.更新切片 一.Convert map server cache storage format(转换服务缓存的存储格式) 利用该工具可以快速的切换地图缓存的格式,实现紧凑(compact)格式和松散(explode)格式之间的切换.其原理是对cache目录下,重新生成新的格式切片并且删除旧格式切片.该工具的输入参数是切图服务,但是在实际业务需求中存在只有缓存

本文主要给大家介绍了关于利用Three.js开发实现3D地图的实践过程,文中通过示例代码介绍的非常详细,对大家学习或者使用three.js具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧.希望能帮助到大家. 前言 本文主要介绍Three.js的开发基础和基本原理,以及如何实现3D全景图.想在web端实现3D全景图的效果,除了全景图片.WebGL外,还需要处理很多细节.据我所知,目前国外3D全景图比较好的是KrPano,国内很多3D全景服务是在使用krpano的工具. 前段时间连续

通过地图数据配合three可以做出非常酷炫的地图,在大数据展示中十分常见. 这篇郭先生就来说说使用three.js几何体制作3D地图.在线案例点击原文地址. 地图的数据是各个地图块的点数组,通过THREE.ExtrudeGeometry方法挤压出地图的版块,然后通过THREE.Line方法画出地图的分割线.地图的数据参见DATAV.GeoAtlas,鼠标悬浮到地图版块高亮,效果如图 1. 得到数据,遍历数据,处理数据 rawMap() { this.worldGeometry = mapJson

关于png.jpg.gif切图时的使用感悟 曾经切图时都是一股脑所有图全切成jpg格式,最近突然心血来潮简单的研究了下其他图片格式的具体属性,才突然发现走了不少弯路,并没有做到使图片用最小体积展现出最佳的效果. 今天我就简单的总结下这两个的成果,同时以后也会持续更新最新的感悟. png8.png24.gif.jpg的体积大小 常见的png分为png8和png24: jpg则是由半分比来调整压缩率:gif到没有什么特殊的. 他们通常情况下的体积由大到小来: png24>jpg(100%)>gif

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说iOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项 文件结构 项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo

关于iPhone6/6+适配问题一直有争议,今天小编专门为大家整理了相关的有效方案,希望对大伙儿有帮助! 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入"杂屏"时代.看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了. 加上Android生态中纷繁复杂的各种奇葩尺寸,现在AP

目前网站图片的采用一共有流行三种,分别是JPG.PNG.GIF,然而很多人并不知道三者在选择的时候究竟应该选谁.虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度.大小和失真程度的问题.如果你运用得好,选对图片,那样便会使网站的整体体验上升,如果你运用得不好,就会引起反效果.下面我通过文件大小等多方面的元素来讲一下网站图片的合理选择. PNG.GIF.JPG 介绍 GIF 图片 Gif 算是比较老的图片格式了,它的色彩效果最低,用gif保存鲜艳的图片的话会让你的网站看上去非常可怕.但是gi