文章列表:GIS笔记

IDL遥感应用入门(1):基本语法练习
初步接触了下IDL在遥感方面的应用,准备写个系列小教程,重点集中在IDL海洋遥感方面。 这个小系列教程是示例化的,不是传统的IDL深入浅出,每个示例用到的数据都提供下载地址,文章写的很仓促,我的...

Google Maps(JS)开发入门(15):修改地图控件属性
在上一篇添加地图控件的文章中,我介绍了手动添加地图控件的方法。同时Google Maps也提供了地图控件属性的修改方法,例如:修改Google Maps控件的样式,本文中提供下拉式的地图类型选项...

Google Maps(JS)开发入门(14):添加地图控件
在上一篇文章中,我介绍了禁用默认UI 的方法,通过文章中的方法,我们可以显示一张空地图。本文介绍怎样把地图控件添加上去,涉及的地图控件主要有:缩放控件(zoomControl),移动控件(pan...

Google Maps(JS)开发入门(13):禁用默认UI
默认的Google Maps选项中,是显示一个地图控制条和一个地图类型选项等,并不是空的一张地图,如图所示: 如果你只需要一张空的地图,可以用以下方法var tw=new google.map...

Google Maps(JS)开发入门(12):原生DOM事件监听
Google Maps里面是可以跟页面的DOM进行通讯的,Google Maps里面提供了对于原生DOM的支持,本文中将演示一个Google Maps与DOM通讯示例方法。 核心代码var ma...

Google Maps(JS)开发入门(11):获取地图事件属性
在前一篇点击地图添加marker效果文章中,提到了关于地图交互的内容。不过上文中是将用户的操作传给地图,本文中将地图的变化传给用户。在本文中,将捕捉Google Maps的缩放行为,同时将缩放的...

Google Maps(JS)开发入门(10):点击地图添加marker效果
这里要实现的是一种地图交互效果,用户在地图上点击鼠标左键,然后在地图上会添加一个marker,同时地图的中心将移到用户点击的坐标点。实现方法并不是很复杂,需要对地图的点击事件做一个监听。 核心代...

Google Maps(JS)开发入门(9):事件监听中使用闭包
闭包是javascript语言中一项特有的性质,也是js中的难点与重点,当然本文的重点不是讨论javascript语言的特性与方法。本文将提供一种javascript闭包的Google maps...

Google Maps(JS)开发入门(8):响应鼠标点击事件
在Google Maps开发中,用户交互是很重要的一部分内容,例如:放大,缩小,移动等等。今天介绍在Google Maps中使用简单的鼠标点击事件。 核心代码var marker = new g...

Google Maps(JS)开发入门(7):异步加载Google Maps JS 库
在之前的教程中,使用的都是同步加载Google Maps JS 库的方式进行Google Maps的开发。但是做过网站开发的都清楚,在使用同步方式加载js的时候,如果js的源路径出现问题,会导致...

Google Maps(JS)开发入门(6):设置文字从右向左排列
在某些语言中,文字是从右向左排列的,例如阿拉伯语。维基百科有专门的阿拉伯语界面。如图: 如果在Google Maps开发中用到了阿拉伯语,或者需要文字从右向左排列,只需用下面的代码设置。 声明...

Google Maps(JS)开发入门(5):设置地图显示语言
在某些Google Maps的场景中,需要设置地图显示语言,默认的会显示用户IP所在的地区语言。 全部代码<!DOCTYPE html> <html> <hea...

Google Maps(JS)开发入门(4):使用HTML5 Geolocation属性定位
这是HTML5增加的新属性,在之前的文章中我已经详细介绍过了,本文只是引用的是Google Maps官方的例子。 关于HTML5获取经纬度的详细例子以及详细参数,可以查看这里。关于HTML5 G...

Google Maps(JS)开发入门(3):显示某点的经纬度、世界坐标、像素坐标、图块Tile坐标
在之前的一系列文章中,我介绍了关于Google Maps的坐标系统和地图投影。本文介绍一种Google Maps官方的方法,根据经纬度求出一点的世界坐标、像素坐标、图块Tile坐标。 效果图 ...

IDL中使用image函数显示多图
在之前的文章中,我写了两篇关于IDL绘图的文章,分别是:IDL采用axis给IMAGE绘图绘制经纬度和IDL8.2采用IMAGE绘图,不过这只能在一个窗口中绘制一张图片,下面是在IDL的imag...