亚洲动漫在线观看-亚洲动漫第一页-亚洲丁香婷婷-亚洲丶国产丶欧美一区二区三区-亚洲第一综合网站-亚洲第一永久色

地圖展示
編輯時間：2017-06-03

QQ截圖20170302153517.png


創(chuàng)建一個最簡單的地圖


代碼如下：


<!DOCTYPE html>
<html>
<head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>google</title>
    <link rel="stylesheet" type="text/css" href="pub/css/console.css"/>
    <script type="text/javascript" src="main.js"></script>
    <script type="text/javascript" src="pub/js/maplabel-compiled.js"></script>
</head>
<body>
<div id="map_canvas" style="width: 100%"></div>
</body>
</html>
<script type="text/javascript">
    var map;
      //自定義地圖
    function BigeMap() {}
      //地圖下屬瓦片大小
    BigeMap.prototype.tileSize = new google.maps.Size(256, 256);
      //地圖最大級別
    BigeMap.prototype.maxZoom = 19;
      //地圖最小級別
    BigeMap.prototype.minZoom = 4;
      //地圖名稱
    BigeMap.prototype.name = "地圖";
      //此地圖種類獲取URL的地址
    BigeMap.prototype.getTile = function (coord, zoom, ownerDocument) {
        var img = ownerDocument.createElement("img");
        img.style.width = this.tileSize.width + "px";
        img.style.height = this.tileSize.height + "px";
        //這里使用谷歌在線的數(shù)據(jù)，當然您也可以使用Bigemap地圖下載器下載的離線瓦片作為此處的地址
        var strURL = 'http://mt0.google.cn/vt/lyrs=m@365000000&hl=zh-CN&gl=cn&x=' + coord.x + '&y=' + coord.y + '&z=' + zoom + '&s=Galil';
        img.src = strURL;
        return img;
    };

    var google_map = new BigeMap();

    var myOptions = {
         //設置中心點
     center: new google.maps.LatLng(30.54024807, 104.06966686),
        //默認顯示級別
     zoom: 4,
        //是否顯示街景 因為大部分是離線，所以不需要顯示
     streetViewControl: false,
        mapTypeControlOptions: {
            mapTypeIds: ['google_online_map']
        }
    };
      //初始化map對象
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
      //像map對象中添加一種地圖
    map.mapTypes.set('google', google_map);
      //設置map對象默認顯示 google 地圖 也就是上面的google_map對象
    map.setMapTypeId('google');
</script>


微信掃碼添加客服
400-028-7262
聯(lián)系我們
主站蜘蛛池模板： 男人天堂网在线 | 四虎影在线永久免费观看 | 情人梁家辉在线 | 无人区乱码1区2区3区网站 | 国产成人精品日本亚洲网址 | 国产精品成人扳一级aa毛片 | 青草视频免费观看在线观看 | 午夜爱情动作片P | 帅老头恋帅老头同性tv | 千金肉奴隶在线观看 | 精品欧美一区二区三区久久久 | 成年男女免费大片在线观看 | 亚洲 欧美 国产 综合首页 | 日日摸日日添日日透 | 国语视频高清在线观看 | 99青青青精品视频在线 | 玩乳h文奶水和尚 | 四虎国产欧美成人影院 | 精品视频在线观看 | 我与旗袍老师疯狂床震 | tobu8中国在线播放免费 | 久久精品午夜一区二区福利 | 黑人日白人 | 91香蕉依人综合久久 | 日本一区二区在线不卡 | 日韩二区三区 | 国产玖玖在线观看 | 亚洲 日本 中文字幕 制服 | 亚洲精品综合一二三区在线 | 东北美女野外bbwbbw免费 | www亚洲视频 | 动漫白丝袜美女羞羞 | 四虎新网站 | 俄罗斯精品bbw | 国产第9页 | 亚洲国产成人精品不卡青青草原 | 日韩毛片网 | 小早川怜子息梦精在线播放 | 免费看h片的网站 | 精品91自产拍在线 | 国产成人久久久精品一区二区三区 |