JavaScript
JaedongXue
这个作者很懒,什么都没留下…
展开
-
mapbox中加载geojson的线型调整
其实是个很小的功能,但是也记录一下,方便后续查找,其实方法很简单,我就是去翻了官方的api,但是是英文的,而且参数描述的不够详细,也没给demo,所以还是记录一下。就是在paint里面,添加“line-dasharray”字段,字段值为一个数列,譬如[5,5]表示虚实线分别为5米。具体看以下几张图应该就能明白:这张是官方api说明这张是代码:最后是一张效果图:...原创 2020-10-22 14:10:15 · 1352 阅读 · 0 评论 -
Android WebView与 JS 的交互方式(转)
一篇很好的总结文章,从简书转载,感谢作者,链接https://www.jianshu.com/p/345f4d8a5cfa建议直接读原文,即上述链接,转载存粹是为了记下来自己方便查找!前言现在很多App里都内置了Web网页(Hybrid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图上述功能是由Android的WebView实现的,其中涉及到Android客户端与Web网页交互的实现...转载 2018-05-28 15:03:59 · 242 阅读 · 0 评论 -
Leaflet官方教程(三)——Markers With Custom Icons
Markers With Custom Icons这个教程中,将在marker中使用自定义的图标。Preparing the images为了制作常用的图标,我们通常需要二张图片,一张真实图片一张投影图片。下面我们利用树叶图片来举例:注意:图片空白部分要是透明的。Creating an iconleaflet中marker的图标是由L.Icon事件来定义的,我们可以在创建marker时传入选项:下...翻译 2018-05-28 22:12:41 · 4517 阅读 · 0 评论 -
openlayers官方教程(十)Vector Data——Making it look nice
Making it look nice前面已经完成了基础的功能,包括导入、编辑、导出。但是没有做一下美化,当你创建了一个矢量图层,会默认很多样式。编辑过程中的交互也是默认的样式,你可能注意到在编辑过程中线条很粗,这个可以通过向矢量图层和交互提供style来控制这些属性。Static style如果我们给所有要素集定义通用的样式,可以如下配置:const layer = new VectorLaye...翻译 2018-05-29 22:06:31 · 739 阅读 · 1 评论 -
openlayers官方教程(十一)Vector Tiles——The VectorTile layer
The VectorTile layer我们已经知道如何载入瓦片图片,并且能够用不同的方法载入渲染矢量地图。但是我们如何能够用传输到浏览器更快的瓦片的同时,能够样式化数据?这就是矢量瓦片的作用,openLayer通过vectorTile层来支持矢量瓦片。A world map rendered from vector data同样需要在index.html中定义基础的东西:<!DOCTYPE...翻译 2018-05-29 22:26:14 · 9276 阅读 · 1 评论 -
Mapbox Style Specification—Expressions
最近在弄mapbox的js框架,maobox的框架还是很不错的,把官方文档看了多遍也渐渐有了许多的感觉,之前弄是用android SDK,在android中利用mapbox框架,因为公司有业务牵扯到前台展示,之前的前端是用canvas,没用任何地图框架,这种办法无疑是很累的,而且实现的效果也一般,之前在搞android的时候就看了js的框架的例子,感觉效果很棒,最近就开始研究一下,将自己的需求动态...翻译 2018-11-21 20:35:32 · 2746 阅读 · 2 评论 -
Mapbox Style Specification—Type system
Type system表达式的输入的参数以及他们的结果值,使用如下一组types:boolean、string、number、colr、arrays。更进一步来讲,表达式是type安全的:每个表达式都有确定的结果type和需要的参数types,并且sdk证明了表达式的结果type是适合上下文使用的。例如:在filter属性中一个表达式的结果类型必须是boolean,而+运算符的参数必须是数字。...翻译 2018-11-28 17:28:57 · 1046 阅读 · 0 评论 -
Mapbox Style Specification—Feature data、Lookup、Decision
Feature datafeature-state从当前要素状态中获取属性值,如果请求属性不在要素的属性状态中,则返回null。一个要素的状态不是Geojson或者矢量瓦片数据的一部分,而是以编程的方式在每个要素中设置。注意feature-state仅仅能被使用在paint属性支持data-driven样式中。["feature-state", string]: valuegeo...翻译 2018-11-29 17:27:19 · 1149 阅读 · 0 评论