文章列表：Google Maps开发教程（JS）
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坐标。 效果图 ...
Google Map（JS）开发入门(2)：基本地图显示
在上一篇文章里，我简单的讲述了关于Google Map（JS）开发中API Key的申请，在以后的文章中，我将以示例的形式讲述Google Map（JS）开发过程。 几个约定 在以后的文章里，将...
Google Map（JS）开发入门(1)：申请与获取 API 密钥
在使用Google Map JS API开发相关网页的时候，首先需要一个Google Map Api 密钥，也就是所谓的API Key。申请过程如下： 1.进入新的控制面板 打开网址...
