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. Ubuntu安装opencv3.x系列
			
    p { margin-bottom: 0.25cm; direction: ltr; color: rgb(0, 0, 0); line-height: 120% } p.western { font ...
    
			
    2. 
						
  2. JSP获取input（含正则表达式）
			
    <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> < ...
    
			
    3. 
						
  3. 使用python操作mysql
			
    版权申明:本文为博主窗户(Colin Cai)原创,欢迎转帖.如要转贴,必须注明原文网址 http://www.cnblogs.com/Colin-Cai/p/7643047.html 作者:窗户 Q ...
    
			
    4. 
						
  4. JavaScript 版数据结构与算法（四）集合
			
    今天,我们要讲的是数据结构与算法中的集合. 集合简介 什么是集合?与栈.队列.链表这些顺序数据结构不同,集合是一种无序且唯一的数据结构.集合有什么用?在 Python 中,我经常使用集合来给数组去重: ...
    
			
    5. 
						
  5. wampserver里面出现403错误的问题解决方法
			
    今天再装wampserver的时候,不能进入localhost和phpmyadmin,提示403错误,我自己是win10系统,已通过以下方法解决了: 1.第一个问题,就是wampserver没有切换到 ...
    
			
    6. 
						
  6. 算法-找出与目标数字相同的digit组成的整数中比该数字大的数集中的最小数字
			
    题目: 给出1个正整数,找到用与这个数字相同的digit组成的整数中比这个数字大的数集中的最小数字.比如:12352874 的结果是 12354278 分析: 这道题目的考虑目标是数组的查找与排序.  ...
    
			
    7. 
						
  7. python 爬虫之爬取大街网（思路）
			
    由于需要,本人需要对大街网招聘信息进行分析,故写了个爬虫进行爬取.这里我将记录一下,本人爬取大街网的思路. 附:爬取得数据仅供自己分析所用,并未用作其它用途. 附:本篇适合有一定 爬虫基础 crawl ...
    
			
    8. 
						
  8. win10 sdk 是否向下兼容
			
    向下兼容(downward compatibility),又称向后兼容(backward compatibility).回溯兼容,在计算机中指在一个程序.库或硬件更新到较新版本后,用旧版本程序创建的文 ...
    
			
    9. 
						
  9. win10 uwp 应用转后台清理内存
			
    我在写小说阅读器,把每个打开的文件的内容读到内存,因为小说都很小,所以放在内存不怕太大,但是我如果打开了一本小说,再打开一本,我不会把先打开的小说的内容清除掉,在内存.所以一旦我打开多小说的时候,内存 ...
    
			
    10. 
						
  10. js金钱转大写
			
    function Arabia_to_Chinese(Num) { // var money=$("#deal_amount").val(); for ( i = Num.leng ...
    
			
    11.