From 769d84e98ce50ed168d26d2f6b82177b9c786685 Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Tue, 14 Aug 2018 13:26:45 +0800
Subject: [PATCH] 菜单更新
---
src/app/routes/grid-trace/grid-trace.component.ts | 82 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 76 insertions(+), 6 deletions(-)
diff --git a/src/app/routes/grid-trace/grid-trace.component.ts b/src/app/routes/grid-trace/grid-trace.component.ts
index 3d17648..1bff5e6 100644
--- a/src/app/routes/grid-trace/grid-trace.component.ts
+++ b/src/app/routes/grid-trace/grid-trace.component.ts
@@ -1,8 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { _HttpClient } from '@delon/theme';
import { MapOptions, HeatmapData, HeatmapOptions, NavigationControlOptions, ControlAnchor, NavigationControlType } from 'angular2-baidu-map';
-import { ViewEncapsulation } from '@angular/compiler/src/core';
-import { BMapLib } from 'angular2-baidu-map/types/BMapLib';
@Component({
selector: 'app-grid-trace',
@@ -16,26 +14,32 @@
) {
this.options = {
minZoom: 3,
- maxZoom: 13,
+ maxZoom: 20,
cursor: 'default',
centerAndZoom: {
lng: 121,
lat: 31.4,
- zoom: 17
+ zoom: 15
},
enableKeyboard: true
};
}
loadMap(map: any) {
this._map = map;
+ this.showGrid();
+ this._map.addEventListener(
+ 'tilesloaded', () => {
+ this.showGrid();
+ }
+ )
}
navigationOpts: NavigationControlOptions;
//���������
heatData: HeatmapData = {
data: [
{"lng":121,"lat":31.4,"count":99},
- {"lng":121.02,"lat":31.38,"count":95},
- {"lng":120.96,"lat":31.39,"count":95},
+ {"lng":120.99,"lat":31.399,"count":95},
+ {"lng":121.002,"lat":31.392,"count":80},
],
max: 100
};
@@ -55,4 +59,70 @@
type: NavigationControlType.BMAP_NAVIGATION_CONTROL_LARGE
};
}
+ //map���������������
+ // TODO ������
+ bs() {
+ debugger;
+ var bs = this._map.getBounds(); //������������������������������������
+ // var bssw = bs.getSouthWest(); //���������������������������(������������)
+ // var bsne = bs.getNorthEast(); //���������������������������(������������)
+ if(!this.topLeftAnchor){
+ this.topLeftAnchor = {x0:0,y0:0};
+ this.topLeftAnchor.x0 = bs.Ol.lng;
+ this.topLeftAnchor.y0 = bs.xl.lat;
+ }
+ return { 'x1': bs.Ol.lng, 'y1': bs.Ol.lat, 'x2': bs.xl.lng, 'y2': bs.xl.lat };
+ }
+ private topLeftAnchor = null;
+ /**
+ * ������������
+ */
+ // TODO ������
+ private showGridPolygons = [];
+ showGrid(){
+ if(this._map.getZoom()<14){
+ return;
+ }
+ const XY = this.bs();
+ var X1 = XY.x1;
+ var Y2 = XY.y2;
+ var X0 = this.topLeftAnchor.x0;
+ var Y0 = this.topLeftAnchor.y0;
+ var width = 0.0063;
+ var height = 0.0048;
+ // var multiple = 1000000;
+ if(!!this.topLeftAnchor) {
+ X1=X0 + Math.ceil((X1-X0)/width-1)*width;
+ Y2=Y0 + Math.ceil((Y2-Y0)/height)*height;
+ }
+ let polygons = [];
+ for (let i = X1; i < XY.x2; i = i + width) {
+ for (let j = Y2; j > XY.y1; j = j - height) {
+ //���������������������������������������������������:������������������Point���������������������������,���������������������������,���������������������������,���������������������������������������������������������������������������������������������������������������,������������������������������������������������������������������
+ const polygon = new window.BMap.Polygon([
+ new window.BMap.Point(i, j), //������������������
+ new window.BMap.Point(i, j-height), //������������������
+ new window.BMap.Point(i+width, j-height), //������������������
+ new window.BMap.Point(i+width, j) //������������������
+ ], {strokeColor:"blue", strokeWeight:2, strokeOpacity:0.5, fillOpacity:0.1});
+ // polygon .addEventListener("click",function clickFunction(){
+ // alert("������������������");
+ // });
+ // _map.addOverlay(polygon);
+ polygons.push(polygon);
+ }
+ }
+ if(!!this.showGridPolygons && this.showGridPolygons.length > 0){
+ this.showGridPolygons.forEach(
+ polygon => {
+ this._map.removeOverlay(polygon);
+ }
+ );
+ }
+ // this._map.addOverlays(polygons);
+ polygons.forEach(polygon=>{
+ this._map.addOverlay(polygon);
+ });
+ this.showGridPolygons = polygons;
+ }
}
--
Gitblit v1.8.0