Front_End/.svn/pristine/35/35afea3bf8f0e9601fb75c7664b49093e3f22b31.svn-base

import 'babel-core/register'
import 'babel-polyfill'
import './style/public.css'
import * as maptalks from 'maptalks'
import { ThreeLayer } from 'maptalks.three'
import meshStaus from './business/meshStaus'
import initAmbient from './business/initAmbient'
import { addGeo } from './core/dyWoker'
import Event from './core/Event'
import { referText } from './business/addText'
import * as status from './business/statusManagement'

import {Stats } from 'three-stats'

let args = status.analysis()

global.bus = new Event()
global.map = new maptalks.Map('map', {
  center: [args.lon, args.lat],
  zoom: args.zoom,
  bearing: args.bearing,
  maxZoom: 20,
  minZoom: 15,
  maxPitch: 70,
  maxVisualPitch: 100,
  doubleClickZoom: false,
  forceRenderOnMoving: true,
  forceRenderOnZooming: true,
  forceRenderOnRotating: true,
  baseLayer: new maptalks.TileLayer('base', {
    'urlTemplate': 'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
    'subdomains': ['a', 'b', 'c']
  })
})




// 高层数据获取
const canvasTile = new maptalks.CanvasTileLayer('tile', {
  urlTemplate: 'https://{s}.data.osmbuildings.org/0.2/anonymous/tile/{z}/{x}/{y}.json',
  subdomains: ['a', 'b', 'c', 'd'],
  forceRenderOnMoving: true,
  forceRenderOnZooming: true,
  forceRenderOnRotating: true,
  repeatWorld: false,
  maxAvailableZoom: 15
})

map.addLayer(canvasTile)




// 3DThree与map结合
global.threeLayer = new ThreeLayer('t', {
  forceRenderOnMoving: true,
  forceRenderOnZooming: true,
  forceRenderOnRotating: true
})

threeLayer.prepareToDraw = initAmbient



let state = new Stats();
threeLayer.draw = () => {
  console.log(123)
}


// 获取高层数据
function getCurrTiles() {
  let tileGrids = canvasTile.getTiles().tileGrids
  for (var i = 0; i < tileGrids.length; i++) {
    if (tileGrids[i].zoom >= 15) break
  }
  return tileGrids[i].tiles
}

threeLayer.addTo(map)

let timeout = null
map.on('moving zoomend dragrotating', () => {
  clearTimeout(timeout)
  timeout = setTimeout(() => {
    meshStaus()
    addGeo(getCurrTiles())
    status.listStatus()
  }, 500)
});

map.on('moveend zoomend dragrotateend', referText)


// Maker承载容器
global.vector = new maptalks.VectorLayer('vector', {
  enableAltitude: true,        // enable altitude
  altitudeProperty: 'altitude', // altitude property in properties, default by 'altitude',
  forceRenderOnMoving: true,
  forceRenderOnZooming: true,
  forceRenderOnRotating: true
})
vector.addTo(map)



addGeo(getCurrTiles());