Jon - The GIS Guy (Page 3)

几款 JavaScript 对话框组件

Vex.js 样式简洁动画流畅大小只有 7KB alertify.js 动画效果比 vex 更为精炼。已于 2014 年 3 月停止更新。 Bootbox.js Bootstrap modals made easy. 可订制能力十分强大，可以直接在对话框中添加 HTML 标签。基于 Bootstrap 框架，与 bootstrap 风格十分统一。如果网站本身采用

Mac

那些好用的 Mac App

入手 Mac Book 也有小半年了，经过最近一段时间的“重度”使用，基本上摸清楚 OS X 的脾气，整体上比 Windows 好用太多。文本编辑工具 Sublime Text 3：文本编辑 MacDown：Markdown 编辑器，Mou 的复刻版。Mou 既不开源，又不更新，现在出来了个开源的复刻版，Mou 的源作者也急了，又是拍卖又是众筹的，不知道最后拿出一个什么样的版本来交差。(update:

Python

Django 1.7 render() 函数传递 request 对象导致 Value Error

升级到 Django 1.7之后发现打开任何页面都会出现 Value Error。分析调用栈后发现，导致错误的原因是 render() 函数： def index(request): context = RequestContext(request, {}) return render(request, 'index.html', context) # 这一行第三个参数导致 Value Error Django 1.7 中的 render() 函数会自动将RequestContext加入到上下文中，因此，没有必要不能再将

中文排版测试

看到简书上文章的排版，很是震惊，给自己的小站也弄了个支持 typo.css 的主题。示例用 typo.css 官方示例看一下效果：中文排版：论语学而篇第一作者：孔子（前551年9月28日－前479年4月11日）本篇引语《学而》是《论语》第一篇的篇名。《论语》中各篇一般都是以第一章的前二三个字作为该篇的篇名。《学而》一篇包括16章，内容涉及诸多方面。其中重点是「吾日三省吾身」；「节用而爱人，使民以时」；「礼之用，和为贵」

设计模式

《Head First 设计模式》笔记

在书架上摆了两年多了，以前不是很喜欢Java，所以一直没动这本书。最近看了点 Objective-C 代码，结果顿悟了，超脱了语言之争，拿这本书复习一遍设计模式。（还有什么语言比 Objective-C 更啰嗦吗？但是Objective-C的动态特性写起来却十分顺手。） update：比 Objective-C 更啰嗦的语言是…………Swift！ Stragety 策略模式的思想就是“面向接口“编程。策略模式在各类OO语言中随处可见。通过接口，规定了某个对象所需要满足的”协议“，子类通过为接口中声明的方法提供具体实现来完成具体行为。 C++语言中策略模式需要通过……。Java 与 C# 更是可以直接定义

GIS

Turf.js 功能概览

Mapbox 是一个总能带来惊喜的公司，来自他们的新年礼物是一个全新的 JavaScript 空间分析库：Turf。 Our assault on traditional GIS begins now. -- @Mapbox 浏览器端 JavaScript 空间分析 Mapbox 在博客中称，Turf 实现了常用的空间分析操作，例如生成缓冲区、计算等高线，建立 TIN 等等。以往只属于桌面 GIS 的分析功能，已经可以在浏览器中使用。 Turf 使用

《Python 基础教程》笔记

第1章幂运算符：**，不是^ 长整数：在整数结尾加上L，如：100000000000000000000L Python 3中，print 从语句变成了函数，print 42 要写成 print (42) 在UNIX系统下，在脚本开头加上 #!/usr/bin/env python 可以让脚本像普通程序一样执行，不需要显式地使用Python解释器 Python 3.0 已不再使用反引号，应该使用 repr() 函数 input 和

arc

在自己的服务器上安装 Hacker News

著名同性交友网站 Hacker News 是 Scheme 语言的示例应用，安装 Scheme 语言即可获得 Hacker News 的源码。一般情况下，可以安装 MzScheme。碰到 MzScheme 安装有问题的话，可以使用将 GitHub 上的 arclanguage/anarki](https://github.com/arclanguage/anarki) 目 clone 到本地，之后按下面的步骤安装解释器、配置参数：

GIS

Tilemill + PostGIS + Mapnik 获得自定义样式的 OSM 地图切片

注：OSM 默认数据集中的国家和地区并不正确，需要注意辨别改正。最近的项目需要用OpenStreetMap数据生成一个自定义样式的切片底图，尝试了一段时间，发现可以用 Tilemill 读取数据并生成地图样式，再用 Mapnik 进行地图切片。切片制作使用 Windows 平台，用到的工具有： python 2.7 Tilemill PostgreSQL 9.3 + PostGIS 2.1 Mapnik 2.2 generate_tiles.py 脚本(

GIS

GeoServer 发布大型影像数据

手头有一个 8.7GB 的 GeoTiff 高清航空影像，需要用 GeoServer 发布成地图服务。使用默认的 GeoTiff 方式时，WMS服务效率非常低，已经影响正常使用。为了改善地图服务的效率，可以为影像建立金字塔，再通过 GeoServer 的 Image Pyramid 扩展来发布。用 FWTools 建立影像金字塔首先，下载 FWTools 并安装。安装完成后需要修改 bin 目录下的gdal_retile.

Node.js

用 Express 4.0 重写《Node.js 开发指南》第5章的项目实例

首先，这篇文章的存在告诉我们，对于新兴的技术，不要买纸质书。《Node.js 开发指南》应该是国内最早的 Node.js 教程，这本书由浅入深地介绍了 Node.js 的一些用法，尤其是包管理的部分非常实用。但是由于年代久远（2012年7月），版本更迭，书中第5章的实例已经不能直接使用，尤其是涉及 Express 框架的部分，所以看书的同时试着用新版 Express 来完成书中的例子。 Express 4.0 的默认模板引擎是 jade，jade 的优点是代码简洁、

IT

《黑客与画家》十周年——Paul Graham 访谈

注：原文是《黑客与画家》这本奇书出版十周年之际，Chris Castiglione 对原书作者 Paul Graham 的采访记录。 2003年，《黑客与画家》这本书问世了。不过黑客技术这个词还很不像现在这样高端洋气，计算机科学、创业公司也是如此。就在这一年，我开始学习编程。但我却栽在了计算机科学这门课程上，栽得很彻底：只得了F。我灰心丧气，几乎决定要放弃计算机这条路。然后，我读到了《黑客与画家》这本书，翻然醒悟：“作者才是真正的明白人。我学不好计算机科学，问题不是出在我自己身上，而是学校上课的方式本身就不对” [1]

GIS

OpenLayers 3 加载 Mapbox 图层

Mapbox上有世界上最好的地图。OpenLayers 3 是世界上第二好的地图API（第一是 Leaflet.js）。用 mapbox.com 提供的 Tiles 、TileJSON 服务，可以将用户自己创建的地图加载到 OpenLayers 3 地图控件中。使用 Mapbox 地图服务之前，需要弄清楚 Mapbox 的 Map ID 和 Access Token。Map ID 是地图标志号，格式是[

VMware

VMware 占用443端口导致 Apache 无法启动

在笔记本上安装 VMware Workstation 之后，发现 Apache httpd 服务无法启动。错误日志如下： 09:14:35 [Apache] Attempting to start Apache app... 09:14:36 [Apache] Status change detected: running 09:14:39 [Apache] Status change detected:

iOS

Objective-C 中不同类型的“空值”

以 NSDictionary 的 objectForKey 方法为例，如果字典中不存在指定的 key，返回值为 nil，如果指定的 key 存在，但是值为空，返回值则是 [NSNull null]。 There are three possible interpretations of "null" NSString: someStringPtr == nil (id)someStringPtr == [NSNull null] someStringPtr.

Ghost 上手体验

随着 WordPress 越来越庞大，这个平台已经不适合单纯地写点文字了。有这个想法人应该不少，甚至包括前 Wordpress 员工，于是他们动手开发了一个轻量级博客平台：Ghost。优点清爽的编辑页面题图就是 Ghost 的文章编辑页面，左侧是 MarkDown 编辑器，右侧是实时预览。比 WordPress 的在线编辑高到哪里去了。一打开编辑器，就有想敲点文字的冲动，根本停不下来。高端洋气的 DashBoard 博客流量、友邻等等博主最关心的信息一目了然。不过现在只能看看截图，DashBoard 要等到2015年初发布1.0版本的时候才会推出。

TOEFL Official Guide 脱水版

根据自己看完 TOEFL Official Guide 之后的笔记整理。Could be helpful. 1 题型与时间要练习 Paraphrase 加快阅读速度。一篇文章不超过20分钟 Test Section Number of Questions Timing Reading 3 – 5篇每篇12 – 14个问题共36-70题 60 – 100 分钟 Listening 4 – 6 篇演讲，

Python

使用 VirtualEnv 配置 Python 虚拟环境

在同一台机器上开发多个 Python 项目，经常会碰到某个包的版本不一致的问题。VirtualEnv 可以为每个的项目提供独立的配置，避免冲突，绝对是居家旅行必备工具。 VirtualEnv 的安装很简单，pip install VirtualEnv 一行命令即可（前提是已经安装了 pip 包管理工具）。安装完成后，对需要使用 VirtualEnv 的项目需要手动进行‘初始化’。切换到工程目录，运行 $ virtualenv venv $ ./venv/scripts/activate 上面使用了两个命令。首先通过 virtualvnv 命令创建一个名为

JavaScript

《 jQuery 基础教程》第4版习题解答

最近在学《jQuery 基础教程》（第4版），Google 了一圈没找到完整的习题解答，所以放在这里作个参考。 Chapter 2 选择器 1.给位于嵌套列表第二个层次的所有 <li> 元素添加 special 类 $('li').children().find('li').addClass('special'); 2.给位于表格第三列的所有单元格添加 year 类 $('tr').find('td:eq(2)

JavaScript

JavaScript 对象模型

JavaScript 的对象模型是基于原型的，与C++、Java 中基于类的对象模型有着很大的区别，特别是在对象属性与方法的继承机制上。基于类的对象模型中，两个最重要的概念是类（class）与实例（instance）： class 定义了类中的所有属性与方法，可以看做该类所有实例的一个集合。 instance 是 class 的一个实例，该实例所具有的属性与方法由所属的类严格决定，不多不少。而基于原型的对象模型中，没有 class 与 instance 的概念，所有东西都是 object。object 可以分为用作“模板”的 prototypical

IntelHaxm 加速器引起的 Windows 8.1 蓝屏及解决方法

IntelHaxm 加速器引起的 Windows 8.1 蓝屏及解决方法使用 Eclipse 或 ADT Bundle 进行 android 开发时，安卓模拟器的效率一直是个头疼的问题。为此，Intel 专门推出了针对 Intel 处理器的安卓模拟器加速程序 Intel Haxm (Hardware Accelerated Execution Manager)。但是在 Windows 8.1 下安装了 IntelHaxm 模拟器加速应用之后，

iOS

新语言

WWDC 2014 终于让大家想起了这个一年一度的大会在名称里还有个 'D' 字。如果 Go 语言可以用来写 Andorid 应用，那受到的关注程度绝对不亚于 Swift。 Swift 发布一周后，中文社区就已经完成了文档的翻译，这在以前是难以想象的。

Getting Started

Welcome to Ghost

You're live! Nice. We've put together a little post to introduce you to the Ghost editor and get you started. You can manage your content by signing in to the admin area at

[搬运]如何制作灯光指数地图

原文来自 mapbox.com 官方博文，作者是 Eric Fischer。标题的直译是：使用海量点数据制作地图。曾经在 Flickr 上看到过高手制作的很多效果惊艳的灯光指数图，例如这个相册，作者使用社交网络用户的位置信息，制作了 “Twitter 与 Flickr 用户分享对比地图”，用一种既美观又直观的方式展现了这两个不同的社交网络用户的空间分布情况。出于灯光指数地图震撼的视觉效果，可能会有同学和我一样，想学习制作方法但又苦于找不到靠谱的“教程”。原文作者从数据源（Millions of Dots）、数据处理、色彩与饱和度调整等方面详细地介绍了如何才能制作出好看的灯光指数图。（翻译完文章后才发现，原文作者就是上面提到的 Flickr