日韩a天堂2020在线手机

当前位置:美女AV > IT相关 > 地图开发 > 正文  |  快速导航:行业资讯 软件测试 风云人物 计算机英语 游戏开发 移动应用 地图开发 算法 程序员
  • 谷歌(Google)地图实例 API V2

  • 字号:[ ]2013-2-2 18:32:27  阅读:676次  来源:乐猪网  编辑:银河精灵  收藏
  • 摘要:公司某个移动设备项目需要调用谷歌地图,项目经理叫我来做。之前用过百度地图的API,谷歌地图的API 还是第一次使用,网上的资料还是挺多的,看了一下教程和Google API 文档就做了起来。
  •       今天,公司某个移动设备项目需要调用谷歌地图,项目经理叫我来做。之前用过百度地图的API,谷歌地图的API 还是第一次使用,网上的资料还是挺多的,看了一下教程和Google API 文档就编程起来。

          由于地图功能需求简单,很快就弄完了!接着我就发布出来,让质监部人员进行软件测试,问题就来了,提示:此网站需要其他的Google 地图API 密钥,让人抓狂。

          我使用的密钥是从网上看到的,不是我申请的,刚开始以为需要自己注册就可以进行发布使用,但后来我看到一篇文章说,需要注册网站或者域网就可以发布正常使用,可是我打开谷歌申请密钥的网站时,已经停止申请了。原来现在已经有V3 的版本了,参考:《谷歌(Google)地图实例 API V3》。V2 将停用,不过还是提供API,可以本地展示。

     

    以下是谷歌(Google)地图实例代码引用片段:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
        <title>地图定位</title>
        <style type="text/css">
        html,body{
            margin:0px;
            height:100%;
        }
        #map{
            width:100%;
            height:100%;
            MARGIN: 0px auto;
        }
        </style>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true; key=ABQIAAAAevysxt9O5lBUCrSalm80MxQx8gmx0K-_Fjj4Tf8bNXH3BBSxZRRmI_CuZM2zQyuXEpG_uxt-aqPr-A"
            type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
        //获取Url值
        function GetRequest() {
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for(var i = 0; i < strs.length; i ++) {
                    theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }
        
        //加载地图
        function Load() {
            var name, x, y, point;
            var Request = new Object();
            Request = GetRequest();
            name = Request['SerialNumber'];
            x = Request['X'];
            y = Request['Y'];
            point = new GLatLng(y, x);     //设置标记
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map"));
                map.addControl(new GLargeMapControl());    //放大缩小
                map.addControl(new GMapTypeControl());     //地图种类
                map.enableScrollWheelZoom();    //启用鼠标滚轮
                map.setCenter(new GLatLng(y, x), 6);   //地图坐标 三个参数分别为 "纬度" "经度" "比例尺"
            
                function createMarker(point, name, y, x) {  //创建标记内容及标记的鼠标事件
                    var marker = new GMarker(point);
                    var html = '<div>'+
                        '<a >设备序列号:'+ name +'</a><br/>'+
                        '<a >纬度:'+y +'</a><br/>'+
                        '<a >经度:'+x +'</a>'+
                        '</div>';
                    GEvent.addListener(marker, "mouseover", function() {
                        marker.openInfoWindowHtml(html);  
                    });  
                    GEvent.addListener(marker, "mouseout", function() {
                        marker.closeInfoWindow();  
                    });  
                    GEvent.addListener(marker, "click", function() {
                        map.setCenter(point, 12);
                    });
                    return marker;
                }
                map.addOverlay(createMarker(point, name, y, x));//加入标记
            }
        }
        </script>
    </head>
    <body onload="Load()" scroll="no">
        <div id="map">
        </div>
    </body>
    </html>

     

    点击新窗口打开大图

  • 顶一下
    (0)
    0%
    踩一下
    (0)
    0%
乐猪网 版权所有 Copyright © 2012-2015 msox106.cn All rights reserved.
本站用于学习交流,部分文章来源于网络,如果不慎侵犯了您的权益,请AV视频 我们删除!
粤ICP备12000837号

日韩a天堂2020在线手机