久久久久久一区_中文字幕在线不卡_精品不卡_久久久网_精品亚洲一区二区三区在线观看_欧美精品一区二区三区在线四季

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

QQ截圖20170302153517.png


創建一個最簡單的地圖


代碼如下：


<!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";
        //這里使用谷歌在線的數據，當然您也可以使用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
聯系我們
主站蜘蛛池模板： 精品无人乱码一区二区三区 | 成人区一区二区三区 | 福利视频一区二区 | 中文字幕 国产精品 | 天天干夜夜爽 | 亚洲一区中文字幕 | 国产乱码精品1区2区3区 | 91精品国产欧美一区二区成人 | 国产福利在线播放麻豆 | 色婷婷亚洲一区二区三区 | 日韩网站在线 | 国产午夜久久 | 日韩精品一级 | 国产精品对白一区二区三区 | 久久亚| 综合婷婷 | 日韩精品av| 人人草人人干 | 日韩不卡一区二区 | 国产黄色免费 | 久久99深爱久久99精品 | 亚洲欧美综合 | 免费三级电影网站 | 亚洲综合在线播放 | 久久精品视频在线观看 | 成人午夜精品一区二区三区 | 免费日本黄色 | 日本黄a三级三级三级 | 国产精品久久久久久久免费大片 | 三级精品 | 色婷婷中文字幕 | 久久久久久亚洲精品视频 | 日韩中文字幕精品 | 午夜视频黄 | 久久亚洲一区二区三区四区五区高 | 日韩欧美一区二区视频 | 91视频国产区 | 国产一区二区三区四区五区 | 国产在线第一页 | 久久久精品亚洲 | 欧美一区二区三区啪啪 |