一次，爱因斯坦对学生说：“有两位工人，修理老旧的烟囱，当他们从烟囱里爬出来的时候一位很干净，另一位却满脸的煤灰，请问他们中间谁会去洗澡呢？”

　　一位学生回答说：“当然是那位满脸煤灰的人喽。”

　　爱因斯坦说：“是吗？请你们注意，干净的工人看见另一位满脸煤灰，他觉得从烟囱里爬出来很脏；而另一位看到对方很干净。我再问你们，谁会去洗澡？”

　　另一位学生很兴奋地发现了答案：“噢！我知道了！干净的看到另一位很脏时，觉得自己也很脏；但是脏的人看到对方很干净时，却觉得自己并不脏啊！所以一定是那位干净的人跑去洗澡了。”

　　所有的学生似乎都同意这个答案，只见爱因斯坦慢条斯理地说：“这个答案错的，两个人都从老旧的烟囱里爬出来，怎么可能一个会是干净的，另一个会是脏的呢？前提不正确，结果肯定没有意义！”

　　离开了既定的前提条件，分析所得出的结论便毫无意义，甚至是错误的。在不同假设前提下会有不同的结论。

　　管理问题也一样。

　　KPI的使用前提

　　广东佛山一家陶瓷企业，市场销售业绩连年徘徊在5000万元左右。

　　该企业是一个典型的家族式民营企业，老板的三亲六戚遍布企业各个管理要位，企业中人浮于事，计划赶不上变化的事情非常突出。各个机构山头林立，企业内耗严重，并且导致企业价值观非常混乱，很多事情只有老板亲自过问才有成效。

　　为了实现企业的二次飞跃，老板下决心对企业实施变革。经过流程改善，企业实施关键绩效指标——KPI考核，希望借此来提高生产经营绩效。但是，企业应用一段时间，发现成本不降反升，一些中层也怨声载道，最终不得不恢复老样子。

　　究其原因，是企业在运用KPI考核方法时，机械地套用西方管理工具，没有能充分认识这一方法使用的假设前提。比如仅仅看重考核二字，但却对员工的考核标准和内容没有达成一致，将“计划赶不上变化”视为天经地义，自然实施结果不尽如人意。

　　这种现象在中国企业引入西方先进管理工具或者理念时屡见不鲜。怎么才能实现西方管理工具同中国具体管理实践的完美结合？中国企业在导入KPI方法中需要注意哪些具体的使用前提？

　　假设一：企业存在明确的价值取向和目标。

　　绩效考核体系的根本出发点是实现组织目标，显然，这一工具应用的前提条件就是企业要有明确的价值取向和目标。但是中国有多少企业是有明确的价值取向和发展目标？企业自身不知道何去何从，又何谈绩效考核？

　　假设二：员工的职责是明确的。

　　职责明确不仅仅是绩效考核的前提，也是企业管理的基本要求。既然员工的职责履行情况是绩效考核的主要依据，那么很显然必须要求员工的职责是明确的，然而该企业显然也不具备这一条件。

　　在这家陶瓷企业中，由于建材需求的快速升温导致企业规模快速膨胀，在这一过程中企业没有建立起一套规范的管理体系，“因人设岗、多头领导、越级指挥”的现象比比皆是。老板是董事长兼总经理，老板娘管财务，老板娘的妹妹管采购，老板娘的妹夫管市场和销售，还有其他亲戚散布于企业各个角落。老板娘下车间指挥工人，老板亲自过问营销From EMKT.com.cn，多头领导不仅干扰了中层领导权威的建立，更是影响了基层员工的价值标准。像这样的企业怎么能够实施绩效考核？

　　假设三：管理者存在客观评价下属工作绩效的动机。

　　既然管理者是绩效考核的直接责任者，那么很显然的前提条件就是管理者存在客观评价下属工作绩效的动机，也就是说要敢于肩负起一个管理者的基本职责。然而这样的前提条件能否具备，对于很多企业依然是打问号。

　　在很多传统的国企，“息事宁人”是很多管理者的基本哲学，当管理者了解绩效考核的结果直接影响到员工的收入和任免，就自然不自然地把表现欠佳的下属也给予一个不错的考核结果，而表现出色的下属的考核结果也没有脱颖而出，对于考核结果的审核或者审批从来就是走走过场。这样执行绩效考核只能流于形式。

　　假设四：企业愿意支付一定的考核成本。

　　管理是需要成本的，越精细的管理就需要支付越多的管理成本，绩效考核也是如此。要想让绩效考核系统真正发挥作用，就得花钱又花时间。

　　从经济学角度来说，是否值得投入成本进行管理在于该项管理获得的效益可以高于所投入的成本。而绩效考核是否值得花大力气去推行，很多企业管理者为此感到困惑，因为对于绩效考核的投入和付出是实实在在的，但是绩效考核所带来的效益是个未知数，而且如何准确计量绩效考核所带来的效益也是一个难题。

　　一个企业实施KPI考核，短时期带来的动荡甚至业绩下滑是正常的，这也是企业应当付出的成本之一。国内外成功的企业已经用实践告诉我们，对于期望持续发展的企业来讲，实施绩效考核管理是必要的，也是经济的。所以，企业应该为绩效考核支付财务成本，企业的管理者应该为绩效考核支付时间成本。

　　假设五：企业现有的薪酬水平或者职业机会对于被考核者来说是有吸引力的。

　　员工对于绩效考核结果表示关注最主要的原因在于，他们期望自己的工作结果能够在薪酬或者职业发展上得到回报，如果员工对于绩效考核结果都漠不关心，很难想象绩效考核系统会发挥出什么作用。

　　在执行绩效考核时，有些管理者总是抱怨说绩效考核的结果很难兑现，通过考核结果要是增加了收入大家皆大欢喜，但是收入降低了那人肯定会辞职。因为辞职容易但是引进并不容易，所以时间长了以后，绩效考核就难免流于形式了。对于这样的企业，绩效考核失效的主要原因在于企业现有的薪酬水平或者职业机会对于被考核者的吸引力不够，所以应该重新审视薪酬水平和员工职业发展通道建设，而不是停留在如何改善绩效考核体系。

　　中国企业在学习一种理论与方法时，首先要明白其前提是什么，特别要考虑不同行业、企业不同成长阶段、偏好与文化、法制经济政策、商业观念等多方面差异。

让KPI真正发挥作用

　　考察国内外企业的KPI实践，为了实现绩效考核的预期效果，有的是使用行为锚定评分法，而有的是使用关键事件法；有的是每个月进行考核而有的是每年进行考核；有的是由直接上级进行考核，而有的却实行360度考核，可谓是“八仙过海，各显神通”。

　　然而，真正有效的绩效考核体系都具备以下特征：

　　特征一：把实现组织目标视为绩效考核的最根本出发点。

　　管理不是目的而是手段，绩效考核也是如此。从管理控制理论上讲，绩效考核不仅是一项重要的人力资源管理职能，还是保证实现组织目标的有效管理控制手段。

　　组织通过绩效考核体系把组织目标分解成为个体绩效目标，同时通过绩效考核来衡量组织现状，并将现状和未来目标进行比较，寻找其中的差距，在此基础上调整和优化企业的资源（人力资源只是其中的一项资源）和管理机制，不断地缩小差距，最后实现组织目标。所以说，实现组织目标才是绩效考核的真正出发点。

　　特征二：员工的职责履行情况是绩效考核的主要依据。

　　绩效考核应该考核什么？一种非常普遍的说法就是“德”、“能”、“勤”、“绩”。一个人的品德和能力每个月或者每个季度都会发生变化吗？绩效考核体系能够准确衡量出这种变化吗？答案显然是否定的。

　　其实这样的理解是扩大了绩效考核的外延，“德”、“能”、“勤”、“绩”是员工全面考核而不是绩效考核。“绩效考核”顾名思义就是要考核“绩”和“效”，也就是说考核员工的职责履行情况。所以在设置考核指标时要根据不同的职位来合理设置，也就是说要把员工的职责履行情况当作绩效考核的主要依据。

　　特征三：管理者是绩效考核的直接责任者。

　　谁对绩效考核应该负责呢？很多人都把责任归咎于人力资源管理部门，其实这是对绩效考核的误解。不可否认，人力资源部是绩效考核工作的组织部门，但是人力资源管理部门的主要责任在于建立和维护一套可以帮助管理者更好地评价下属工作的绩效考核管理体系，所以承担的不是直接责任而是间接责任。

　　只有各级管理者才知道组织的目标，知道如何把组织目标合理分解成个人目标，才能实现绩效考核的根本目的；也只有各级管理者才能全面了解下属的职责履行情况，才能使考核结果不偏离客观事实。所以说，组织各级管理者是绩效考核的直接责任者。

　　特征四：对员工绩效通过量化方式来进行考核。

　　现代企业的管理精细化程度越来越高，对于员工的绩效，仅仅得出是否理想的定性判断是不够的，而要对员工的工作绩效进行定量描述。同时，现代管理技术（例如IT技术）的成熟也为定量衡量员工绩效提供了理论支持和技术手段，组织实施绩效考核就是希望可以对员工的工作绩效进行量化。

　　绩效考核体系的复杂度就是体现在如何量化评估员工的工作绩效？如何准确识别员工实际工作绩效和预定目标的差距？如何准确衡量两个员工之间工作绩效所存在的差距？这也就是人力资源管理部门作为绩效考核组织部门所负有的最重要职责。

　　特征五：员工绩效考核结果直接运用于员工薪酬调整或员工职业发展的决策中。

　　绝大部分实施KPI的企业都将绩效考核结果与员工薪酬等级和职业发展机会直接挂钩，他们希望员工能够对绩效考核有足够的重视，同时根据绩效考核结果来进行薪酬调整和人事任免决策可以体现决策依据的充分性。其实这样的安排还有更积极的意义：一方面，绩效考核结果与员工薪酬相挂钩可以让员工分享企业的经营效益，或者当企业经营效益不好时可以分担部分经营风险；另一方面，绩效考核结果与员工职业发展结合起来，可以有效实现员工发展和企业发展的有机结合，有助于塑造员工和企业“同呼吸共命运”的企业文化。

　　总结

　　“幸福的家庭是相似的，不幸的家庭各有各的不幸”。管理离不开特定的人性、历史文化传统、自然禀赋、人力资源素质、行业、企业家风格等多种因素的前提条件，由于这些限制条件的存在，使得经验特别难于被复制。

　　为什么国内学通用、学丰田的热情非常高，效果却往往有限？一个主要原因就是没有真正清楚通用、丰田管理模式所要求的具体管理条件，也就是丰田、通用模式的理论前提。西方理论是在假设前提下成立的（假设前提，是指保证分析和观点得以成立的条件）。设定前提是思维严谨性的一种具体体现，这也是西方管理科学的本质精髓之一。

　　理论是大量实证案例的归纳提炼，理论抽象就是寻找实证个案共性的过程。对个案的研究也带有理想化的成分，因此需要特别强调理论的假设前提。假设条件不一定和现实条件完全符合，这时候就需要进行条件设定，并据此提出新的理论、观点、方法，而不应该抱残守缺、刻舟求剑。

　　很多企业在导入西方管理工具时，往往没有深入思考这些管理工具具体使用的环境和系统要求，管理者一厢情愿地霸王硬上弓，将有限真理化为放之四海皆准的真理，没有经过深入思考，结果往往是误入歧途。即使套用了西方科学的管理工具，引进了先进思想，但是最后往往是事倍功半。这体现了中国人欠缺思维的严谨与科学态度。

　　因此，中国企业在学习一种理论与方法时，首先要明白理论成立的前提是什么？特别是要考虑不同行业间的差异，企业不同成长阶段的差异、偏好与文化的差异、员工成熟度的差异、基础管理的差异、法制经济政策、商业观念的差异等。学习西方这种严谨的科学精神，一方面有利于指导我们将经验上升为理论和方法，指导企业实践；另一方面，促使我们在学习西方思想和方法时，深入了解和认识理论特定的存在条件，做到更有效的学习。

http://callback.com/callback?top_appkey=xxx&top_parameters=xxxxx&top_session=xxxxx&top_sign=xxxxx

的URL地址，其中，传递的具体参数包括：

其中top_parameters是插件容器传递给插件的参数集合，包含的参数包括：

top_parameters具体的产生方式是：

base64(key1=value1&key2=value2……)

上述参数列表中，红色部分为即将加上去的参数，黑色部分为已有的参数

在获取到上述上下文参数之后，应用需要对上下文参数做如下解析：

1） 验证签名是否合法，验证规则为：判断base64(md5(top_appkey+top_parameter+top_session +secret))之后的结果和top_sign是否相等，请参考[#_示例代码1：签名验证 示例代码][#_示例代码1：签名验证 1][#_示例代码1：签名验证 ：签名验证]

2） 从top_parameters中解析出所需的上下文参数，解析规则为：将top_parameter进行base64解码，得到key1=value1&key2=value2…这样的字符串，然后再解析成Map或者数组这样的对象，并根据上述参数名获取对应的参数值，请参考[#_示例代码2：top_parameter解析 示例代码][#_示例代码2：top_parameter解析 2][#_示例代码2：top_parameter解析 ：][#_示例代码2：top_parameter解析 top_parameter][#_示例代码2：top_parameter解析 解析]

3） 验证时间戳是否在应用允许的误差范围内（可选步骤），在步骤2中解析的参数中，包含一个参数名为ts的参数，对应的值就是时间戳，然后验证时间戳是否在允许的范围内（一般为30分钟），请参考[#_示例代码3：时间戳验证 示例代码][#_示例代码3：时间戳验证 3][#_示例代码3：时间戳验证 ：时间戳验证]

4） 得到上下文参数及对应的session（即上面的top_session）

有了上下文参数和session之后，就可以通过[#_OpenAPI调用协议 OpenAPI][#_OpenAPI调用协议 调用协议]进行OpenAPI调用

示例代码

验证插件容器签名

    /**

    * 签名运算

    * @param parameter

    * @param secret

    * @return

    * @throws EncryptException

    *

    */

    public static String sign(String parameter, String secret) throws EncryptException{

       // 对参数+密钥做MD5运算

       MessageDigest md = null;

       try {

           md = MessageDigest.getInstance("MD5");

       } catch (NoSuchAlgorithmException e) {

           log.error(e.getMessage(), e);

           throw new EncryptException(e);

       }

       byte[] digest = md.digest((parameter + secret).getBytes());

       // 对运算结果做BASE64运算并加密

       BASE64Encoder encode = new BASE64Encoder();

       return encode.encode(digest);

    }

    /**

    * 验证签名

    * @param sign

    * @param parameter

    * @param secret

    * @return

    * @throws EncryptException

    */

    public static boolean validateSign(String sign, String parameter,

           String secret) throws EncryptException {

       return sign!= null

           && parameter != null //注意，这个parameter并不就是上面的top_paramater，而是指的待签名验证的参数，即上面的top_appkey+top_parameter+top_session

           && secret != null

           && sign.equals(sign(parameter, secret));

    }

获取插件上下文

    /**

    * 把经过BASE64编码的字符串转换为Map对象

    * @param str

    * @return

    * @throws Exception

    */

    public static Map<String, String> convertBase64StringtoMap(String str){

       if(str == null) return null;

       BASE64Decoder decoder = new BASE64Decoder();

       String keyvalues = null;

       try {

           keyvalues = new String(decoder.decodeBuffer(str));

       } catch (IOException e) {

           log.error(str + "不是一个合法的BASE64编码字符串");

           return null;

       }

       if(keyvalues == null || keyvalues.length() == 0)

           return null;

       String[] keyvalueArray = keyvalues.split("&");

       Map<String, String> map = new HashMap<String, String>();

       for(String keyvalue:keyvalueArray){

           String[] s = keyvalue.split("=");

           if(s==null || s.length!=2)

              return null;

           map.put(s[0], s[1]);

       }

       return map;

    }

事件监视

GEvent.addListener用来注册事件监视器，在这个例子中，在用户移动或拖拽地图后，输出地图中心点的经/纬.

var map = new GMap(document.getElementById("map"));
GEvent.addListener(map, "moveend", function() {
var center = map.getCenterLatLng();
var latLngStr = '(' + center.y + ', ' + center.x + ')';
document.getElementById("message").innerHTML = latLngStr;
});
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

显示信息浮窗

这个范例显示一个指向地图中心点的"Hello world"信息浮窗，这里信息浮窗显示在指向点的上面，而实际上，信息窗能在地图的任何地方显示.

var map = new GMap(document.getElementById("map"));
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);
map.openInfoWindow(map.getCenterLatLng(),
document.createTextNode("Hello world"));

地图标注

本范例通过创建10个随机的标注和折线来说明地图标注的用法.

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

// Add 10 random markers in the map viewport using the default icon
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
for (var i = 0; i < 10; i++) {
var point = new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random());
var marker = new GMarker(point);
map.addOverlay(marker);
}

// Add a polyline with 4 random points. Sort the points by longitude so that
// the line does not intersect itself.
var points = [];
for (var i = 0; i < 5; i++) {
points.push(new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random()));
}
points.sort(function(p1, p2) { return p1.x - p2.x; });
map.addOverlay(new GPolyline(points));

响应用户点击

本范例在用户点击地图时，在相应的点创建一个标记，用户点击标记时，移除这个标记.

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

GEvent.addListener(map, 'click', function(overlay, point) {
if (overlay) {
map.removeOverlay(overlay);
} else if (point) {
map.addOverlay(new GMarker(point));
}
});

在标记上显示信息浮窗

在这个例子中，点击每一个标记，就会在标记上面显示一个自定义的信息浮窗.

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

// Creates a marker whose info window displays the given number
function createMarker(point, number) {
var marker = new GMarker(point);

// Show this marker's index in the info window when it is clicked
var html = "Marker #<b>" + number + "</b>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

return marker;
}

// Add 10 random markers in the map viewport
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
for (var i = 0; i < 10; i++) {
var point = new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random());
var marker = createMarker(point, i + 1);
map.addOverlay(marker);
}

创建图标

创建一种新图标,就像在Google Ride Finder上面使用的迷你标记一样.必须给图标指定前景图片、阴影图片、图标在地图上的点和信息浮窗在图标上的点.

// Create our "tiny" marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

// Creates one of our tiny markers at the given point
function createMarker(point) {
var marker = new GMarker(point, icon);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("You clicked me!");
});
}

// Place the icons randomly in the map viewport
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
for (var i = 0; i < 10; i++) {
createMarker(new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random()));
}

使用图标类

多数情况下，使用的图标可能前景图片不同，可是形状和阴影是一样的，达到这种效果最简单的方法是使用GIcon类的copy方法来构造.这样可以将一个Icon对象的所有属性复制到一个新的Icon对象中.

// Create a base icon for all of our markers that specifies the shadow, icon
// dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

// Creates a marker whose info window displays the letter corresponding to
// the given index
function createMarker(point, index) {
// Create a lettered icon for this point using our icon class from above
var letter = String.fromCharCode("A".charCodeAt(0) + index);
var icon = new GIcon(baseIcon);
icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
var marker = new GMarker(point, icon);

// Show this marker's index in the info window when it is clicked
var html = "Marker <b>" + letter + "</b>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

return marker;
}

// Add 10 random markers in the map viewport
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
for (var i = 0; i < 10; i++) {
var point = new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random());
var marker = createMarker(point, i);
map.addOverlay(marker);
}

在地图上使用XML和异步RPC ("AJAX")

在这个范例中，我们下载一个静态文件("data.xml")，这个XML文件中包含一系列经/纬坐标，当下载完成后，读取这个XML文件并为每一个坐标在地图上创建一个标记.

// Center the map on Palo Alto
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-122.141944, 37.441944), 4);

// Download the data in data.xml and load it on the map. The format we
// expect is:
// <markers>
// <marker lat="37.441" lng="-122.141"/>
// <marker lat="37.322" lng="-121.213"/>
// </markers>
var request = GXmlHttp.create();
request.open("GET", "data.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new GPoint(parseFloat(markers[i].getAttribute("lng")),
parseFloat(markers[i].getAttribute("lat")));
var marker = new GMarker(point);
map.addOverlay(marker);
}
}
}
request.send(null);

API 概要

GMap类

GMap的每一个实例表现为页面上的一个地图，可以创建这个类的多个实例 每个地图被包含在一个container之中，比如一个DIV标签，除非明确指定，地图将使用相应container的大小.

GMap类提供了操作地图点(中心和缩放度)和添加删除标记(比如GMarker和GPolyline实例)和方法. 同时也提供了一个打开"信息浮窗"的方法，地图上同时只能有一个信息浮窗.

更多信息请参看GMap类参考

事件

利用事件监视器，你可以在程序中加入动态的内容，每个实例提供一些指定的事件，你的程序可以利用静态方法GEvent.addListener或GEvent.bind监视这些事件. 例如，以下代码片断在每次用户点击地图的时候显示一个警告:

var map = new GMap(document.getElementById("map"));
GEvent.addListener(map, "click", function() {
alert("You clicked the map");
});
GEvent.addListener使用一个函数作为第三个参数，这个函数作为事件处理器，在事件被触发时运行. 如果想绑定一个对象的方法到事件，可以使用GEvent.bind.例如：

function MyApplication() {
this.counter = 0;
this.map = new GMap(document.getElementById("map"));
GEvent.bind(this.map, "click", this, this.onMapClick);
}

MyApplication.prototype.onMapClick() {
this.counter++;
alert("You have clicked the map " + this.counter +
this.counter == 1 ?" time.":" times.");
}

var application = new MyApplication();

信息浮窗

Map类有一个信息浮窗，可以在地图上以浮动窗口模式在地图上显示HTML内容.

基本的浮动窗口方法是openInfoWindow，这个方法以一个点和一个HTML节点作为参数，这个HTML节点被添加到信息浮窗容器里面，并显示在相应点处.

openInfoWindowHtml差不多，但是它使用HTML字符串作为参数.openInfoWindowXslt则利用XML节点和XSLT文档的URL地址来生成信息浮窗内容，如果该XSLT文档还没有被下载，则会自动异步下载此文件.

如果需要在标记上显示信息浮窗，你可以传递第三个参数(可选)给出窗口顶端和给定点位置的像素差. 比如你的标记高度是10px,你可以使用GSize(0,-10)作第三个参数.

GMarker类还提供了openInfoWindow方法用来处理像素值内容，所以不用担心在程序中计算像素的问题.

标注

标注是一些绑定到地理坐标的对象，当移动、缩放地图或切换模式(比如从地图到卫星图)时，标注也会跟着变化.

Maps API提供两种标注:标记(地图上的图标)和折线(根据地理位置绘制的折线)

图标和标记

TheGMarker构造函数使用一个图标和一个点作为参数，并提供一些类似"点击"的事件，看这个创建标记的例子

创建标记最困难的地方是指定图标，复杂在于一个图标需要几个不同的图片构成.

每一个图标至少都有一个前景图片和一个阴影图片，阴影必须是前景图的45度视角的形状，并且左下角和前景图的左下角重叠，还必须是24-bit PNG灰度图片，才能刚好使图标看起来像站在地图上一样.

TheGIcon需要指定图标使用的图片文件的大小以便以合适的大小显示这些图片，一下是指定一个图标的最基本的代码：

var icon = new GIcon();
icon.image = "http://www.google.com/mapfiles/marker.png";
icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
icon.iconSize = new GSize(20, 34);
icon.shadowSize = new GSize(37, 34);
TheGIcon类提供有超过7个的属性必须设置以保证图标在浏览器上的兼容性和功能. 比如imageMap属性指定图标不透明部分的形状，如果你没有设置这个属性，在Firefox/Mozilla浏览器上，整个图标(包括透明部分)都能被点击. 看这个GIcon类参考了解更多信息

折线

GPolyline构造函数使用一组地理点最为参数，你也能指定颜色、线宽和透明度 颜色采用老的HTML样式，比如"#ff0000".GPolyline不支持直接使用颜色名字. 例如以下代码会创建一个10像素宽的红色线段：

var polyline = new GPolyline([new GPoint(-122.1419, 37.4419),
new GPoint(-122.1519, 37.4519)],
"#ff0000", 10);
map.addOverlay(polyline);

在IE浏览器中，我们用VML来绘制折线，而在其他的浏览器之中，我们使用Google服务器上的图片，并在地图变化时重新刷新图片.

控件

addControl用来添加控件，Maps API可以让你在地图上使用如下控件：

GLargeMapControl在Google Map中使用的大缩放/定位控件
GSmallMapControl在Google Map中使用的小缩放/定位控件
GSmallZoomControl一个小的缩放控件(不能定位)，用在小窗口中显示驾驶方向
GMapTypeControl地图类型切换控件(如：地图和卫星图)
例如，要在地图上添加一个缩放/定位控件，你可以在地图初始化时使用如下代码：

map.addControl(new GLargeMapControl());
这样，控件就会被添加到地图的左上角

XML和RPC

Google Maps API提供了一个创建XmlHttpRequest对象的方法，当前可以在IE, Firefox, and Safari上运行正常，如下：

var request = GXmlHttp.create();
request.open('GET', "myfile.txt", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
alert(request.responseText);
}
}
request.send(null);
你还可以使用静态方法GXml.parse来解析一个XML文档，使用XML字符串作为参数，这个方法对所有的浏览器兼容. 如果本地浏览器不支持XML解析，则会采用一个基于JavaScript的解析器，可是不能保证这个解析器一定能正常的解析.

注意Google Maps API不需要使用XML或XmlHttpRequest因为这是一个纯JavaScript/DHTML的API.

当当当当～大家请看下面的链接，哈哈，是不是看到是一小淫僧，HOO～
http://www.misuisui.com/google_map.htm
哈哈，好玩吧～是不是也想搞一个呢？Follow Me~

第一步
去 http://www.google.com/apis/maps/ 申请一个 Google Maps API key ，当然，你得有顶级域名才行。。。 乱申请的你如果不放到你这个域名下，那这个就根本用不了。。。
Google会给您一段代码，可要保存好哦～

第二步
把 http://www.misuisui.com/google_map.htm 打开，看一看里面的源化码，我已经写好说明了，大家照猫画虎就行了，HOHO～主要代码在最下面～

第三步
把第一步里申请来的 Google Maps API key 改掉代码中的 ABQIAAAAlwlonOoTX0oPrDaRmH_ALBREKWcFDKg74ezPgAUa79EBKj9z1BTjAKcZV51YfdN2n4xhiJ2lKuvBeA 一样的代码。。。

第四步
代码里的哪个PNG图标不好找，在网上狂搜吧。。。 要不自己做一个 ～
嗯，还有那个坐标不好找，大家请看第四步

第五步
打开 http://www.google.com/maps
找啊找啊，找到你所在的地方，然后点那个右上角那个“Link to this page”
得到一个这样的链接 http://www.google.com/maps?f=q&hl=en&q=china&ll=35.86166,104.195397&spn=32.116109,88.242188&t=h
注意 35.86166, 104.195397 这一段数字，这就是当前地图中心点的坐标了
把逗号后面的数字放到逗号前面变成这样 104.195397, 35.86166
然后就是把这个数字添加到代码中你想要添加的地方了～

第六步
根据代码里的提示，发挥你的想象力，然后做点啥出来～做出啥来了，也告诉我一下，让我也看看啊～
比如我就要做个友情链接的东东，HOHO～和我友链的朋友们麻烦参考第五步把你想要标在我的友情链接地图上的坐标告诉我啊，HOHO～

第七步
嗯嗯，希望这几天大家要常来这儿了，因为有一个好东东要给大家告诉大家啦～HOHO～

<div id="map" style="width: 600px; height: 400px; border: 1px solid #979797"></div>
<!-- 把以上代码为地图的宽和高，可修改里面的数值，不要改里面的ID -->

<script src="http://www.knowsky.com/http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAlwlonOoTX0oPrDaRmH_ALBREKWcFDKg74ezPgAUa79EBKj9z1BTjAKcZV51YfdN2n4xhiJ2lKuvBeA" type="text/javascript"></script>
<!-- 此为Google Map API 的验证码，用到自己的网站要去 http://www.google.com/apis/maps/ 审请一个 -->

<script type="text/javascript">
//<![CDATA[

    function createMarker(point, baseIcon, html) {
      var icon = new GIcon(baseIcon);
      var marker = new GMarker(point, icon);

      GEvent.addListener(marker, click, function() {
      marker.openInfoWindowHtml(html);
      });

    return marker;
    }

    function loadMap(){
      var map = new GMap(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.setMapType(G_HYBRID_TYPE);
      map.centerAndZoom(new GPoint(116.429114, 39.934322), 0); //在这里116.429114, 39.934322代表地图的中心位置，后面的0是放到最大，数字越大，地图显示的越多
     
      // 以下是定义一些基本信息
      // 阴影，阴影偏移，信息框偏移, 什么什么的
      var icon = new GIcon();
      icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
      icon.shadowSize = new GSize(21, 29);
      icon.iconAnchor = new GPoint(10, 30);
      icon.infoWindowAnchor = new GPoint(9, 5);
      icon.infoShadowAnchor = new GPoint(9, 5);

      //在地图上标一个图标，点击就出现字
      var html = <s>你这个淫真是的，摸人家干啥啊？</s>; //这里是显示在信息框里的东东，支持HTML
      icon.image = "http://www.misuisui.com/images/21_29_s5s5.png"; //定义图标，一定要PNG格式的
      icon.iconSize = new GSize(21, 29); //图标的宽和高
      var point = new GPoint(116.429114, 39.934322); //图标标在地图的哪里

      var marker = createMarker(point, icon ,html);
      map.addOverlay(marker);
      //标一个图标完毕

      //在地图上再标一个图标，点击就出现字，改的方法如上
      html = <i>淫僧法号米随随～</i>;
      icon.image = "http://www.misuisui.com/images/21_29_s5s5.png";
      icon.iconSize = new GSize(21, 29);
      point = new GPoint(116.429424, 39.934322);
     
      marker = createMarker(point, icon ,html);
      map.addOverlay(marker);
      //标一个图标完毕，这段代码复制多少个，就有多少个图标，只要改改里面的东东就可以了

      //在地图上再标一个图标，点击就出现字，改的方法如上
      html = 点击<a href="#" target="_self">这里</a>看看米随随是怎么整出来的～;
      icon.image = "http://www.misuisui.com/images/21_29_s5s5.png";
      icon.iconSize = new GSize(21, 29);
      point = new GPoint(116.429314, 39.934522);

      marker = createMarker(point, icon ,html);
      map.addOverlay(marker);
      //标一个图标完毕，这段代码复制多少个，就有多少个图标，只要改改里面的东东就可以了

      //在地图上再标一个图标，点击就出现字，改的方法如上
      html = <div ><font color="blue">阿弥陀佛～淫僧米随随哪！～</font></div>;
      icon.image = "http://www.misuisui.com/images/21_29_s5s5.png";
      icon.iconSize = new GSize(21, 29);
      point = new GPoint(116.429714, 39.934522);

      marker = createMarker(point, icon ,html);
      map.addOverlay(marker);
      //标一个图标完毕，这段代码复制多少个，就有多少个图标，只要改改里面的东东就可以了

      //最后一个图标将一开始显示下面的内容
      defaultmsg = <div><font color="red">点击淫僧米随随哪！～</font></div>; //这里是显示在信息框里的东东，支持HTML
      marker.openInfoWindowHtml(defaultmsg);

    }

   
    loadMap();

//]]>
</script>