Django html 添加百度地图

用途：

标注公司地理位置

用法：

申请API_KEY(免费)：http://lbsyun.baidu.com/apiconsole/key?application=key
如何确定你的经纬度信息：

• 地理位置不是那么准：http://api.map.baidu.com/lbsapi/creatmap/ #creat
• 地理位置有点准：http://api.map.baidu.com/lbsapi/createmap/ #create

<div class="col-6">

<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=申请APIkey"></script>
  <div id="container"></div>
  <script>
      var map = new BMapGL.Map('container');
      var point = new BMapGL.Point(120.741844, 31.26083);
      map.centerAndZoom(point, 17);
      var marker = new BMapGL.Marker(point);  // 创建标注
      map.addOverlay(marker);
      var opts = {
           300,
          height: 100,
          title: 'xxxxx公司'
      };
      var infoWindow = new BMapGL.InfoWindow('地址：xxxxxxxxxxxx', opts);
      map.openInfoWindow(infoWindow, point);
      map.enableScrollWheelZoom();
      </script>
</div>

常见问题：

如果仅仅是创建个html文件使用，会有静态资源无法加载的问题(浏览器认为跨域)，需要通过后端返回url的形式加载测试，而不是直接打开html文件的形式