1.<body onload="加载地图的函数" onunload="GUnload()">

2.new GMap2(container,opts) //容器；控制更复杂的地图特性

3.setCenter()和panTo() // GMaps.setCenter(point,zoomlevel,opts) //new GLatLng(纬度，经度);0~17 //GMaps2.panTo(point)

4.GMaps.panBy()//移动相对距离的函数

5.地图类型：普通地图（G_NORMAL_MAP）、卫星地图（G_SATELLITE_MAP）、混合地图（G_HYBRID_MAP） // GMap2.setMapType()

6.控件： GControl（）

精简地图控件GSmallMapControl()、完整地图控件GLargeMapControl()、精简缩放控件GsmallZoomControl()、比例尺控件GScaleControl()、地图类型控件GMapTypeControl()

map.addControl(new GSmallMapControl(),position); //参数position用于定义控件在地图上的位置

7.if(GBrowserIsCompatible())

8.定义控件位置 GControlPosition()对象   new GControlPosition(anchor,offset);//anchor:控件位置的参照点，枚举类型     G_ANCHOR_TOP_LEFT、G_ANCHOR_TOP_RIGHT、

G_ANCHOR_ BOTTOM_LEFT、G_ANCHOR_BOTTOM_RIGHT  ; offset: new GSize(x,y) ;x:控件相对于参照点的最近水平距离，y:控件相对于参照点的最近垂直距离 单位为像素px

9.new GMarker(point,opts)

10.自定义GMarker()对象

//创建一个无名类

{s

　　　　property1:value1;

　　　　property2:value2;

　　　　...

}

icon属性，GIon()对象；默认G_DEFAULT_ICON;

示例代码：

myICon = new GIon();//创建自定义的GIon

myICon.image = "http://labs.google.com/ridefinder/images/mm_20_green.png";//前景图片

myICon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";//阴影图片

myICon.iconSize = new GSize(12,20);//前景图片大小，长*宽

myICon.shadowSize = new GSize(22,20);//阴影图片大小，长*宽

myICon.iconAnchor = new GPoint(6,20);//myIcon 锚定点相对于myIcon图片左上角的像素距离

myICon.infoWindowAnchor = new GPoint(5,1);//信息窗口相对于myIcon图片左上角的像素距离

var marker1 = new GMarker(geoPoint1,{icon:myIcon,title:"把鼠标移上来，看看有什么"});//自定义GmarkerOptions的icon属性//自定义GMarkerOptions的title属性

11.信息框：

GMarker.openInfoWindowHtml(point,content,opts?)//content:HTML字符串；opts：GInfoWindowOptions对象（无名类），可以省略

GMarker.openInfoWindow(content,opts?)//content:DOM对象

代码示例：

var div = document.createElement("div");

div.style.color = "green";

div.innerHTML = "openInfoWindow创建的GInfoWindow";

marker0.openInfoWindow(div);

12.多标签信息窗口

多标签信息窗口GInfoWindowTabs()对象      new GInfoWindowTab(lable,content)//lable为标签名，普通字符串最大长度为10    content：标签内显示的内容（html字符串或dom对象）

对于固定内容的标签数组直接使用“[...]”

var tabs = [new GInfoWindowTab("Tab1","This is tab1"),

　　　　　　new GInfoWindowTab("Tab2","This is tab2"),

]

对于内容需要更新的标签数组，则可以先定义数组，然后赋值。

var tabs = [];

tabs[0] = new GInfoWindowTab("Tab1","This is tab1");

tabs[1] = new GInfoWindowTab("Tab2","This is tab2");

...

tabs[N] = new GInfoWindowTab("TabN","This is tabN");

new Array()的方法定义也是可以的。

13.在GMarker()上显示 GInfoWindowTabs()多标签信息窗口对象

GMarker.openInfoWindowTabsHtml(tabs,opts?)

GMarker.openInfoWindowTabs(tabs,opts?)

注：注意标签内容的宽度，如果不设置宽度，当标签数量较多时，多窗口将发生错位，如下图：

14.关闭信息窗口：closeInfoWindow()

15.移除GControl()控件：removeControl(control)

16.移除GMarker()地标：removeOverlay(overlay)       clearOverlays()

17.loadGeoInfo()接口  //服务器端数据调用接口

18.获取服务器端查询结果

异步调用：GXmlHttp对象    GDownloadUrl()函数

（1）使用GXmlHttp对象 ：

代码示例：

var request = GXmlHttp.create();//创建GXmlHttp对象

request.open("GET","myfile.txt",true);//打开GXmlHttp      true：异步为真

request..onreadystatechange() = function()

{

　　//判断状态，可根据不同状态做不同的相应，

　　if(requset.readyState==4)//完全加载的状态4

　　{

　　　　alert(request.responseText);

　　}

}

request.sent(null);

(2)使用GDownloadUrl()函数  //简化版的异步处理函数，只能使用Get方法，不判断加载状态，只是在完全加载后调用回调函数。

GDownloadUrl(url,onload)//url:    onload:完全加载后的回调函数

GDownloadUrl("search.php?q="+q,function(data){

　　eval(data);//直接用eval执行返回的Javascript字符串

})

Google Maps 学习笔记（一）2014.06.04的更多相关文章

  1. Google Maps 学习笔记（二）地图天气预报服务 2014.06.04

    地图天气预报服务:一,获取天气预报信息:二,解析天气预报信息:三,在地图上加载天气预报信息: Yahoo!提供的天气预报服务采用流行的RSS输出结果,接口地址如下: http://weather.ya ...

  2. Google Maps 学习笔记（三）

    1.GPolyline折线对象和GPolygon多边形对象 html标签中必须包含v="urn:schemas-microsoft--com:vml"的命名空间 <html ...

  3. 再起航，我的学习笔记之JavaScript设计模式04

    我的学习笔记是根据我的学习情况来定期更新的,预计2-3天更新一章,主要是给大家分享一下,我所学到的知识,如果有什么错误请在评论中指点出来,我一定虚心接受,那么废话不多说开始我们今天的学习分享吧! 上回 ...

  4. google protobuf学习笔记：windows下环境配置

    欢迎转载,转载请注明原文地址:http://blog.csdn.net/majianfei1023/article/details/45371743 protobuf的使用和原理,请查看:http:/ ...

  5. Google Guava学习笔记——基础工具类Preconditions类的使用

    Preconditions类是一组静态方法用来验证我们代码的状态.Preconditons类很重要,它能保证我们的代码按照我们期望的执行,如果不是我们期望的,我们会立即得到反馈是哪里出来问题,现在我们 ...

  6. Google Guava学习笔记——基础工具类Splitter的使用

    另一项经常对字符串的操作就是根据指定的分隔符对字符串进行分隔.我们基本上会使用String.split方法: String testString = "Monday,Tuesday,,Thu ...

  7. Google Guava学习笔记——基础工具类Joiner的使用

    Guava 中有一些基础的工具类,如下所列: 1,Joiner 类:根据给定的分隔符把字符串连接到一起.MapJoiner 执行相同的操作,但是针对 Map 的 key 和 value. 2,Spli ...

  8. Google Guava学习笔记——简介

    Google Guava是什么东西?首先要追溯到2007年的“Google Collections Library”项目,它提供对Java 集合操作的工具类.后来Guava被进化为Java程序员开发必 ...

  9. Google TensorFlow 学习笔记一 —— TensorFlow简介

    "TensorFlow is an Open Source Software Library for Machine INtenlligence" 本笔记参考tensorflow. ...

随机推荐

  1. 非阻塞IO

    设置描述符非阻塞的两种方法: 1,调用 open 时,设置,O_NONBLOCK; 2,调用 fcntl设置: 具体如下: ,open("/xxx/file1",O_RDWR|O_ ...

  2. 编写一个程序实现strlen函数的功能

    写自己的 strlen 函数-----→ mystrlen #include <stdio.h> #include <string.h> #define N 100 int m ...

  3. 走进C标准库(8)——"string.h"中函数的实现相关字符串操作函数

    我的strcat: char *strcat(char *dest,char *src) { char * reval = dest; while(*dest) dest++; while(*src) ...

  4. 鼠标进入与离开的消息（覆盖CM_MOUSEENTER与CM_MOUSELEAVE消息）——Windows本身没有这样的消息

    unit Unit1; interface uses Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs, ...

  5. git 配置文件

    设置记住密码(默认15分钟): git config --global credential.helper cache 如果想自己设置时间,可以这样做: git config credential.h ...

  6. C语言入门（11）——switch分支语句

    C语言提供了一种用于多分支选择的switch语句, 其一般形式为: switch(表达式) { case 常量表达式1:语句1; break; case 常量表达式2:语句2; break; .... ...

  7. C语言入门（2）——安装VS2013开发环境并编写第一个C语言程序

    在C语言入门系列中,我们使用Visual studio 2013 Professional作为开发工具.本篇详细介绍如何安装Visualstudio 2013 Professional并写出我们第一个 ...

  8. 请问下mtk双卡手机怎样发短信是怎样选择sim卡来发(双卡都可用的情况下)？

    如题,我如今可以获取双卡状态,当仅仅有单一卡的时候可以指定sim卡进行发短信,可是双卡都可用的情况下,程序就默认使用卡1发短信了.即使指定了sim卡编号.

  9. 如何在其他类中实现继承自CFormView类的对象

    今天项目开发中,我们创建了一个对话框资源,并创建了一个派生自CFormView的类(假设为CMyClassDlg)来管理它. CMyClassDlg.h #pragma once // CMyClas ...

  10. C#操作XML存取创建XML

    using System.Xml; #region 生成XML文档 /// <summary> ///  /// </summary> /// <param name=& ...