• 百度地图(21)-GL 初始化地图


    1. 百度地图 JSGL library API 主要是用于显示三维模式的,如果想要在地图中显示三维建筑,这种方式

    是必不可少的。首先和普通二维 JSAPI 一样,也是需要申请 token 的。

    2. 添加对库的引用,同时把申请到的token输入到引用中。

    <script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=Zyq6TjFQ1679hxUWSUhud4i03GThAEGI"></script>

    这里可以看到和JS引用的区别,不但设置type参数,版本是 1.0。

    3. 添加 div。

    <div id="allmap"> </div>

    4. 百度地图对象统一为 BMap,初始化地图内容:

     1 /**
     2  * 初始化地图
     3  **/
     4 function initialMap() {
     5   map = new BMapGL.Map("allmap");
     6   //addMapLoaded();
     7   map.centerAndZoom(new BMapGL.Point(116.274625,39.961627), 15);// 初始化地图,中心点和缩放级别
     8   map.enableScrollWheelZoom(true);//支持滚轴缩放
     9 
    10   map.setHeading(0);//地图旋转角度
    11   map.setTilt(70);//倾斜角
    12 }

    5. 页面显示, 缩放到一定级别后,是可以查看到三维建筑白模的。视觉效果比二维要好的多。

    6. 代码参考

    https://github.com/WhatGIS/bdMap

  • 相关阅读:
    拖拽组件
    css3动画 巧用label
    轮播图
    弹出框组件,可拖拽
    基于angularJS的分页功能
    身份证验证大全-javascript
    公用拖拽功能插件
    记录那些年我踩过的坑
    节流函数
    手机号码的正则表达式
  • 原文地址:https://www.cnblogs.com/googlegis/p/14704930.html
Copyright © 2020-2023  润新知