百度地图结合inmap结合大数据生成 栅格网 进行计算

效果

功能

1百度api 搜索

代码：

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200526001039614.png)

      searchmap(inmap){
        var map = inmap.getMap()

        let that = this
        function G(id) {
          return document.getElementById(id);
        }

        var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
          {"input" : "suggestId"
            ,"location" : map
          });

        ac.addEventListener("onhighlight", function(e) {  //鼠标放在下拉列表上的事件

          var str = "";
          var _value = e.fromitem.value;
          var value = "";
          if (e.fromitem.index > -1) {
            value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
          }
          str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;

          value = "";
          if (e.toitem.index > -1) {
            _value = e.toitem.value;
            value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
          }
          str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
          G("searchResultPanel").innerHTML = str;
        });
        var myValue;
        ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
          var _value = e.item.value;
          myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
          G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;

          setPlace();
        });

        function setPlace(){
          function myFun(){
            var pp = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
            that.searchlng = pp.lng
            that.searchlat = pp.lat
            that.localpoint = pp
            map.centerAndZoom(pp, 15);
            map.addOverlay(new BMap.Marker(pp));
            if(that.mapmark == true){
              var allOverlay = map.getOverlays();
              map.removeOverlay(allOverlay[0]);
            }
            if(that.mapmark == false){
              that.mapmark  = true
            }
          }
          var local = new BMap.LocalSearch(map, { //智能搜索
            onSearchComplete: myFun
          });
          local.search(myValue);
        }
      },

具体可查看百度地图api

2inmap栅格生成

通过获取坐标点数据
写成json文件
再inmap中使用
inmap

3效果展示

居住地

出行路线