mapbox-gl简介

mapbox-gl采用webgl，提供在线地图实时渲染功能，具有以下特点：

1、多图层显示

2、图层元素显示样式在颜色、字体、大小范围等、是否显示等可实时更改

3、定位抓取选择的元素内容

4、由于mapbox-gl采用了webgl矢量实时渲染，在瓦片等级更改时，没有明显的过度感觉，用户体验更佳

前提条件

硬件：mac本子、网络

(由于在windows上存在这样那样的环境问题，很难编译成功，在mac上是非常简单的，笔者认为mapbox员工的工作本应该用的mac的原因，在windows不是很兼顾)

软件：xcode、brew

生成开发包

1、安装node

brew install node

2、安装yarn

brew install yarn

3、下载mapbox-gl-master

wget https://github.com/mapbox/mapbox-gl-js/archive/master.zip

4、构建开发包

yarn run build

5、在dist目录下就包含了mapbox-gl-dev.js、mapbox-gl.css

												


											
mapbox-gl 开发包dev生成的更多相关文章
	

    
								
  1. *** wechat-php-sdk 微信公众平台php开发包
		
    wechat-php-sdk 微信公众平台php开发包,细化各项接口操作,支持链式调用,欢迎Fork此项目weixin developer SDK. 项目地址:https://github.com/d ...
    
		
    2. 
						
  2. 使用C#代码部署SharePoint 2013开发包简单总结（一）
		
    这篇文章将总结下如何将自己开发的列表.Web部件.事件接收器等元素部署到SharePoint的服务器.因水平有限,我的做法未必是最佳实践,会有些错误理解和疏漏,欢迎各位高手批评指正——但一定要能给出更 ...
    
		
    3. 
						
  3. mapbox.gl文字标注算法基本介绍
		
    Well-placed labels can be the difference between a sloppy map and a beautiful one. Labels need to cl ...
    
		
    4. 
						
  4. 3D GIS 应用开发 —— 基于 Mapbox GL 的实践总结
		
    最近在折腾的 web 端的可视化项目,由于相关业务的需要,用到了 Mapbox 这一地图开发的神器.在此先奉上一个基于mapbox-gl实现的demo(来源:uber的deck.gl项目): 下面我们 ...
    
		
    5. 
						
  5. [转]QGis2.9在windows下的编译以及二次开发包下载
		
    今天心血来潮,将QGis在github上的代码更新后,又编译了一下.留意到源代码包里面的INSTALL文件有更新,于是本次编译完全基于官方的编译说明.编译过程非常顺利,除了在CMake的第一次conf ...
    
		
    6. 
						
  6. vmware开发包之vSphere Management SDK
		
    vSphere Management SDK关于vmware管理等相关功能的.net和java的代码示例. 在其5.5的解压包中 eam:esx agent management表示esx虚机生产环境 ...
    
		
    7. 
						
  7. Spring开发包介绍
		
    -----------------siwuxie095                         核心开发包         建立 Spring 工程时,需要引入 Spring 的开发包,否则无 ...
    
		
    8. 
						
  8. [Xcode 实际操作]八、网络与多线程-(24)社会化分享功能开发包的安装和配置：微信、QQ、微博
		
    目录:[Swift]Xcode实际操作 本文将演示如何在开放平台注册应用,并获得相关的密钥信息,用于实现后面文章的微博分享功能. 一.新浪微博开放平台 [登录]->[微服务]->[粉丝服务 ...
    
		
    9. 
						
  9. java在线聊天项目 实现基本聊天功能后补充的其他功能详细需求分析 及所需要掌握的Java知识基础 SWT的激活方法，swt开发包下载，及破解激活码
		
    补充聊天项目功能,做如下需求分析: 梳理项目开发所需的必要Java知识基础 GUI将使用更快速的swt实现 SWT(Standard Widget Toolkit) Standard Widget T ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. http://codeforces.com/contest/845
			
    A. Chess Tourney time limit per test 1 second memory limit per test 256 megabytes input standard inp ...
    
			
    2. 
						
  2. 用MXNet实现mnist的生成对抗网络(GAN)
			
    用MXNet实现mnist的生成对抗网络(GAN) 生成式对抗网络(Generative Adversarial Network,简称GAN)由一个生成网络与一个判别网络组成.生成网络从潜在空间(la ...
    
			
    3. 
						
  3. ch2-vue实例(new Vue({}) 属性与方法 声明周期)
			
    Vue 实例1 每个Vue.js都是通过创建一个Vue的根实例启动的 var vm = new Vue({}) 2 扩展Vue构造器,用预定义选项创建可复用的组件构造器 var MyComponent ...
    
			
    4. 
						
  4. ubuntu 11.04侧边栏怎么添加图标
			
    打开想添加的软件,图标会出现在侧边栏,右击之,点Keep In Launcher即可
    
			
    5. 
						
  5. ubuntu命令查询版本和内核版本
			
    1.查看ubuntu版本号: 方法一: cat  /etc/issue 返回结果: Ubuntu 6.06.2 LTS \n \l   方法二: sudo lsb_release -a  返回结果:  ...
    
			
    6. 
						
  6. jdbc-大数据存储
			
    jdbc-大数据存储 1 什么是大数据 所谓大数据,就是大的字节数据,或大的字符数据.标准SQL中提供了如下类型来保存大数据类型: 类型 长度 tinyblob 28--1B(256B) blob 2 ...
    
			
    7. 
						
  7. Vue与swiper想结合封装全屏轮播插件
			
    项目需求介绍: 1.页面图文混排, 2.点击图片后全屏展示图片,并在底部显示文字,如果没有则不显示 3.关闭全屏后依然停留在上次浏览的位置 4.浏览图片时,不管点击的哪张图片,全屏展示的时候也要显示这 ...
    
			
    8. 
						
  8. 当谈到 GitLab CI 的时候，我们该聊些什么（上篇）
			
    "微服务"这个概念近两年非常热,正在慢慢改变 DevOps 的思路.微服务架构把一个庞大的业务系统拆解开来,每一个组件变得更加独立自治.松耦合.但是,同时也伴随着部署单元粒度越来越 ...
    
			
    9. 
						
  9. 微服务架构中API网关的角色
			
    [上海尚学堂的话]:本文主要讲述了Mashape的首席技术执行官Palladino对API网关的详细介绍,以及API网关在微服务中所起的作用,同时介绍了Mashape的一款开源API网关Kong. A ...
    
			
    10. 
						
  10. HashMap与HashTable的区别、HashMap与HashSet的关系
			
    http://blog.csdn.net/wl_ldy/article/details/5941770 HashTable的应用非常广泛,HashMap是新框架中用来代替HashTable的类,也就是 ...
    
			
    11.