+ -
当前位置:首页 → 问答吧 → 终于找到中国的 Google Maps API,做个例子给大家共享一下。

终于找到中国的 Google Maps API,做个例子给大家共享一下。

时间:2007-02-27

来源:互联网

复制内容到剪贴板
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps API</title>
    <script src="http://api.gmap2.net/gmap2.cn.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    var i=1;
    var map;
    var currentOverlay = null;

    function load() {
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("map"));
            var p = new GLatLng(26.094, 119.3071);
            map.setCenter(p, 15);
            map.addControl(new GLargeMapControl());

            var marker = new GMarker(p);
            map.addOverlay(marker);
            var catorMsg = '<img src="http://www.phpchina.com/bbs/customavatars/12280.jpg" style="padding-right:10px;" align="left"/><b>标哥工作的地方!</b><div style="font-size:12px;color:#CC0000;width:150px;padding:8px;">大家坐飞机途径福州上空的时候请往该坐标投放一枚金币,砸中本人有奖!</div><img src="http://www.phpchina.com/bbs/images/smilies/titter.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/lol.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/titter.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/lol.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/titter.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/lol.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/titter.gif" /><img src="http://www.phpchina.com/bbs/images/smilies/lol.gif" />';
            marker.openInfoWindowHtml(catorMsg);
            GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(catorMsg);
            });
            i++;

            GEvent.addListener(map, 'click', function(overlay, point) {
                if (overlay) {
                    if(event.button==2) map.removeOverlay(overlay);
                } else if (point) {
                    var msg = prompt('提示消息:', '');
                    if (msg) {
                        map.addOverlay(createMarker(point, i, msg));
                    } else {
                        map.addOverlay(createMarker(point, i, '这里是您增加的第'+i+'个标记!'));
                    }
                    i++;
                    //alert(point);
                }
            });
   
        }
    }


    function createMarker(point, number, html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml('<div>' + html + '</div><div style="font-size:12px;color:#999;padding-top:20px;" align="right"><a href="javascript:removeCurrentOverlay()">删除该标记</a></div>');
            currentOverlay = marker;
        });

        return marker;
    }

    function removeCurrentOverlay() {
        map.removeOverlay(currentOverlay);
    }
   
   //]]>
   </script>
</head>
<body onload="load()" onunload="GUnload()">
   <div id="map" style="width: 800px; height: 500px;border:solid 1px #999"></div>
</body>
</html>

作者: cator   发布时间: 2007-02-26

请在浏览器中执行看效果。:)

作者: cator   发布时间: 2007-02-26

标哥就是强!
顶你:lol

作者: DLDwintry   发布时间: 2007-02-26

金币已投放,正中标哥脑门!;P

作者: Nickboy   发布时间: 2007-02-26

引用:
原帖由 Nickboy 于 2007-2-26 21:53 发表
金币已投放,正中标哥脑门!;P
领奖电话:110
:lol

作者: cator   发布时间: 2007-02-26

这个其实用到了http://www.mapabc.com/电子地图。
真正的google地图中国信息非常的少。连街道信息都很少,建筑单位信息就几乎没有了。

但是mapabc的信息没有51ditu的多。很多城市没有。

大家看看我做的一个google api应用google结合51ditu做的
实现了建筑、单位查找和卫星定位
http://www.kmwhedu.net/test/ajax_ipscan/

直接调用了google api

[ 本帖最后由 ocheers 于 2007-2-28 09:34 编辑 ]

作者: ocheers   发布时间: 2007-02-28

51ditu 好像没有 mapabc 稳定。
最近在跟mapabc交涉,他们的功能好像还不错,信息不比51ditu少。
不过51ditu免费开放接口,也还是不错的,就是大规模商业应用还不够成熟

作者: cator   发布时间: 2007-02-28

mapabc差的还远呢。很多城市没有。就算有地图的城市,信息也少。

比如你用我的工具先到昆明。在查厕所。可以同时在51地图和google地图上显示位置。

用mapabc在昆明查厕所就查不到的。多查找几个单位试试就知道那个的信息多。

51免费开放接口,google也是免费开放接口。
我这个程序就是用了几个免费接口就做出来了,10行都不到.^_^.

[ 本帖最后由 ocheers 于 2007-2-28 11:33 编辑 ]

作者: ocheers   发布时间: 2007-02-28

可能是因为你用的是mapabc给Google提供的服务吧,mapabc给我发的DEMO上标注还是蛮细的

作者: cator   发布时间: 2007-02-28

直接到http://www.mapabc.com/
上去看。
他的城市就这些:
http://www.mapabc.com/citylist.htm
例如云南,16个地州几十个城市。
mapabc上只有2个有地图哦。

我的工具可以查找到村。数据比abc大了不止10倍啦。

例如先在城市输入县的名字找到县。在建筑那里就可以查村子的位置了。

还有。mapabc是mapabc,goolge是google两码事啦。
mapabc怕是不会给google提供服务。这个是泄漏我国重要国家安全信息,已经立法了任何个人与单位不能以任何形势与国外机构测绘,搜集我国地理,气象信息。叛国罪的干活。

[ 本帖最后由 ocheers 于 2007-2-28 12:44 编辑 ]

作者: ocheers   发布时间: 2007-02-28

:)

作者: luzhou   发布时间: 2007-02-28

顶3

作者: yyb   发布时间: 2007-03-05

标哥啊 ,,例子看不了了,5555

作者: ttian939   发布时间: 2007-03-16

把代码复制下来,保存到一个HTML文件中,然后用浏览器打开查看就可以看到效果了

作者: cator   发布时间: 2007-03-16

不在你的域名下也能看吗》?我这里放本地老提示错误

作者: ttian939   发布时间: 2007-03-16

就是在本地看,只能能上网访问到Google就可以,用的是 Google Maps API

作者: cator   发布时间: 2007-03-16

支持一下

作者: dzjzmj   发布时间: 2007-03-16

复制代码下来,在浏览器中看不到效果。
提示有错误。

作者: 特蓝克斯   发布时间: 2007-03-18

不过就是加载的时候有点慢.

作者: aceblues   发布时间: 2007-04-07

好像不行,加载不了http://api.gmap2.net/gmap2.cn.js

作者: tiandiou   发布时间: 2008-01-31

加载不了js

作者: omcmc   发布时间: 2008-02-01

运行后只看到一个框框,什么都没有

作者: ylsc   发布时间: 2008-04-17

热门下载

更多