CN105677863A - Baidu map based water flow situation display method - Google Patents
Baidu map based water flow situation display method Download PDFInfo
- Publication number
- CN105677863A CN105677863A CN201610011296.6A CN201610011296A CN105677863A CN 105677863 A CN105677863 A CN 105677863A CN 201610011296 A CN201610011296 A CN 201610011296A CN 105677863 A CN105677863 A CN 105677863A
- Authority
- CN
- China
- Prior art keywords
- map
- current
- information
- current situation
- baidu
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Remote Sensing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Instructional Devices (AREA)
Abstract
The invention discloses a Baidu map based water flow situation display method. According to the method, firstly, access is performed by using a Web browser on a system back-end management platform; a 'city switching' button is set to rapidly replace city information corresponding to a current map view; secondly, two modes for displaying a water flow situation range are set; then, the number of water flow situation records within a certain convergence zone is displayed at the current level in a map zooming mode; finally, specific situation information and summary information of all recent water flow situation records within the current zone are displayed on a page, and water flow situation values reaching or exceeding the preset danger level are marked with red in a table and are marked with different colors on a map. The Baidu map based water flow situation display method can obtain the given range in a real-time water flow situation information table and the water flow situation information within a given time and uses round markers corresponding to colors to perform visual display on pages according to situation level values.
Description
Technical field
The invention belongs to geography and hydrology field, particularly relate to a kind of current battle state display method based on Baidu's map.
Background technology
Accelerate along with urban construction speed and construction scale is continuously increased, urban storm flood is day by day frequent, causing personnel and the economic loss of heaviness, the formation of urban waterlogging and the drainage condition of sewerage system are closely bound up, therefore reinforced platoon's grid construction become particularly important.
Urban drainage pipe network system is important urban infrastructure, and its effect is to collect in time the runoff that will produce with conveying municipal sewage and city in, snow melt, and it has protection environment and the dual-use function of city deduction and exemption. Along with Urbanization in China is accelerated, urban drainage pipe network system Construction have also been obtained fast development, the pipe network data message that the magnanimity produced therewith is complicated needs to arrange, and the labor management method behind conventional building has not adapted to the needs of current drainage pipeline networks information management. Along with developing rapidly of computer technology, network technology and communication technology, modern management information-based to city China drainage pipeline networks brings new opportunity.
In recent years, various monitoring technology use in a large number in urban drainage pipe network system, and the flooding problems for solving sewerage pipeline network provides information-based means. But, it being typically limited to the monitoring of a small amount of point, limited Monitoring Data can not know the operation conditions of system well, and the running optimizatin for drainage pipeline networks total system provides decision information with control. Cause current drainage system " only prison is not controlled " and the passive situation that can only afterwards process.
As the basis of drainage system, the collection of flow information of water and management, mostly being used expert data collecting device, long-term fixed placement in certain point by government organs, in view of the restriction of the aspect factors such as man power and material, the data collected are comprehensively, not in time.
Along with the development of network technology with society, intelligent movable equipment is more and more universal, and people homogeneous portion smart mobile phone becomes a reality. Computer correlation technique, allows more people participate in flow information of water collection, strengthens people's master recognizantion, improves the comprehensive and promptness in information gathering ground. The present invention, based on the correlation technique of Baidu's map, is associated the water flow data gathered and processed, to obtain streamflow regime information, and be visually displayed on map, provide succinct decision references for system commanding and decision-making personnel.
Summary of the invention
The purpose of the inventive method be for existing associated water stream display packing exist information not comprehensively, the deficiency such as not directly perceived, a kind of current battle state display method based on Baidu's map is provided, the streamflow regime information of acquisition is visually displayed on Baidu's map, provides succinct decision references for current commanding and decision-making personnel.
The inventive method is specifically:
Step (1). System Back-end management platform uses Web browser to conduct interviews;
Step (2). " city switching " button is set, to change the urban information corresponding to current map view rapidly;
Step (3). in step (2) city scope, set the mode of two kinds of display current situation scopes, namely " situation information in present scope is obtained " and " custom visual scope ", and with map and form two ways, the current situation information within the scope of display appointment;
Step (4). within the scope of step (3) appointment, by the mode of convergent-divergent map, under display current level, the bar number of current situation record in certain block zone of convergency; Current record strip number mark thing mark, and show the concrete current situation information under map maximum ratio chi;
Step (5). the page shows concrete situation information and the summary information of recent all current situation records in current region; The danger classes pre-seted is met or exceeded for current situation value, with redness mark in form, with different color marks on map.
Further, after step (1) inputs url address in a browser, the map page of acquiescence display Beijing-centered.
Further, the switching of city described in step (2), use city commercial circles that Baidu's map provides and administrative area CityList to increase income storehouse. In the page, add city click event for CityList object instance and change event with city, namely realize the switching in city.
Further, step (3) is enclosed for the demonstration of current state, it is possible to select current visible scope, it is possible to self-defined circular scope. When selecting current visible scope, directly obtain by Baidu map JavaScriptAPI. When selecting circular scope, input central coordinate of circle, radius of circle information. After determining indication range, to the current situation information that system server request is corresponding.
Further, step (4), when the zoom level of map is maximum, shows the current situation specifying information of certain point concrete, different current situation grade, the Custom Icons adopting different colours shows, this icon of click, it is possible to show the current situation information that this point is corresponding. When the level of zoom of map is reduced, within the scope of display active view, the current situation record strip number comprised in some zone of convergency, and be attached on mark thing, it is shown in the lump on map. This part is based on the some polymerization MarkerClusterer that Baidu's map provides and increases income storehouse, and self-defined covering TextIconOverlay increases income storehouse, and self-defined change realizes.
Further, the concrete situation information of all current situation records, summary information and current situation value is met or exceeded the danger classes color pre-seted mark in the display current region described in step (5).
The concrete grammar used is, at Web browser end, according to the water flow data that server end returns, uses JSON to be resolved to current situation information concrete one by one, displays on form, map.
In the table, showing every concrete current situation information and summary information, when exceeding, for current situation value, the danger classes pre-seted, the background color of situation grade information row is set to redness;
On map, every corresponding example of current situation information, for the mark of each example, the situation grade according to flow information of water, use different colours user-defined identification respectively.Then by each example, by the addOverlay () method of Baidu's map, it is added on map.
Finally, the example of all of current situation information is formed mark array, by the MarkerClusterer storehouse of increasing income using Baidu's map to provide, all of mark is carried out a polymerization.
The beneficial effect of the inventive method: given range in Real-time Water fluidised form gesture information table, current situation information in preset time can be obtained, according to situation grade value, the circle markings thing using corresponding color is visually displayed on webpage, shows current situation information detailed under active view intuitively for system commanding and decision-making personnel.
Accompanying drawing explanation
Fig. 1 is the current battle state display method flow diagram based on Baidu's map that the present invention proposes.
Detailed description of the invention
Below in conjunction with accompanying drawing, the invention will be further described
As it is shown in figure 1, the inventive method is embodied as step it is:
(1) commanding and decision-making personnel enter System Back-end management platform and carry out checking of regional flow situation, after inputting url address, show Beijing-centered in browser, and level of zoom is maximum map and the streamflow regime information in form.
(2) clicking the city that " city switching " button then can select to check, if not switching, then what show is still Pekinese's current situation information. City switches, and uses city commercial circles that Baidu's map provides and administrative area CityList to increase income storehouse. In the page, add city click event for CityList object instance and change event with city, namely realize the switching in city.
(3) click " current visible scope " or " custom visual scope " and select indication range; When selecting current visible scope, directly obtain by Baidu map JavaScriptAPI. When selecting circular scope, input center of circle latitude and longitude coordinates and radius, obtain the current situation information specified in circular scope.
Web browser end, obtains the longitude and latitude scope in current view area, and code is as follows.
Varbs=map.getBounds (); // current map visual range
Varbssw=bs.getSouthWest (); The point at // southwest corner place
Varbsne=bs.getNorthEast (); The point at // northeast corner place
VarboundP=bssw.lng+ ", "+bssw.lat+ ", "+bsne.lng+ ", "+bsne.lat; The upper left corner of // indication range and lower right corner latitude and longitude value.
Mouse click event acquisition on map can be passed through in the center of circle for circular scope, and the radius of circle is by manually entering. The following institute of concrete code.
map.addEventListener("click",function(e){
varpointInfo=e.point.lng+","+e.point.lat;
window.document.getElementById("circlePoint").value=pointInfo;});
varcirclePoint=
window.document.getElementById("circlePoint").value;
// obtain the radius of circle of input in the page
varcircleRad=
window.document.getElementById("circleRad").value;
(4) within the scope of appointment, convergent-divergent map, check under current level, the bar number of current situation record in certain block zone of convergency; When zoom level at map is maximum, the current situation specifying information of display certain point concrete, different current situation grade, adopt the Custom Icons of different colours to show that this icon of click shows the current situation information that this point is corresponding. When the level of zoom of map is reduced, within the scope of display active view, the current situation record strip number comprised in some zone of convergency, and be attached on mark thing, it is shown in the lump on map. This part is based on the some polymerization MarkerClusterer that Baidu's map provides and increases income storehouse, and self-defined covering TextIconOverlay increases income storehouse, and self-defined change realizes.
(5) on map, show that current situation information is to mark thing form display appointment scope all current situation record strip number according to step (4) and step (5).Concrete grammar is, by obtaining given range in Real-time Water fluidised form gesture information table, current situation information in preset time, with latitude and longitude coordinates for association, map adds the map label thing of correspondence, and by mutual to current battle state display and Baidu's map server, to obtain the bottom data of map, switching city, interpolation or to delete mark, according to situation grade value, the circle markings thing of corresponding color is used to be visually displayed on webpage.
(6) under display map maximum ratio chi, recent current situation information, and identify different grades with the mark thing of different colors, when this mark thing of click, show the current situation register information that this point is current.
At Web browser end, according to the water flow data that server end returns, use JSON to be resolved to current situation information concrete one by one, form, map display.
In the table, showing every concrete current situation information and summary information, when exceeding, for current situation value, the danger classes pre-seted, the background color of situation grade information row is set to redness;
On map, every corresponding example of current situation information, for the mark of each example, the situation grade according to flow information of water, use different colours user-defined identification respectively. Then by each example, by the addOverlay () method of Baidu's map, it is added on map.
Finally, the example of all of current situation information is formed mark array, by the MarkerClusterer storehouse of increasing income using Baidu's map to provide, all of mark is carried out a polymerization.
(7) client browser is when getting the current situation information that system server returns, current situation record information can be shown in the form on the page left side, show the bar number of situation record corresponding under each situation rank and the total number of all situation records simultaneously, situation value being exceeded to the situation value of preset value, in form, the background color of the situation column of this record can be set to redness.
Claims (6)
1. the current battle state display method based on Baidu's map, it is characterised in that comprising the concrete steps that of the method:
Step (1). System Back-end management platform uses Web browser to conduct interviews;
Step (2). " city switching " button is set, to change the urban information corresponding to current map view rapidly;
Step (3). in step (2) city scope, set the mode of two kinds of display current situation scopes, namely " situation information in present scope is obtained " and " custom visual scope ", and with map and form two ways, the current situation information within the scope of display appointment;
Step (4). within the scope of step (3) appointment, by the mode of convergent-divergent map, under display current level, the bar number of current situation record in certain block zone of convergency; Wherein current record strip number mark thing mark, and show the concrete current situation information under map maximum ratio chi;
Step (5). the page shows concrete situation information and the summary information of recent all current situation records in current region; The danger classes pre-seted is met or exceeded for current situation value, with redness mark in form, with different color marks on map.
2. a kind of current battle state display method based on Baidu's map according to claim 1, it is characterised in that: after step (1) inputs url address in a browser, the map page of acquiescence display Beijing-centered.
3. a kind of current battle state display method based on Baidu's map according to claim 1, it is characterised in that: the switching of city described in step (2), use city commercial circles that Baidu's map provides and administrative area CityList to increase income storehouse;In the page, add city click event for CityList object instance and change event with city, namely realize the switching in city.
4. a kind of current battle state display method based on Baidu's map according to claim 1, it is characterised in that: step (3) is enclosed for the demonstration of current state, it is possible to select current visible scope, it is possible to self-defined circular scope; When selecting current visible scope, directly obtain by Baidu map JavaScriptAPI; When selecting circular scope, input central coordinate of circle, radius of circle information; After determining indication range, to the current situation information that system server request is corresponding.
5. a kind of current battle state display method based on Baidu's map according to claim 1, it is characterized in that: step (4) is when the zoom level of map is maximum, the current situation specifying information of display certain point concrete, different current situation grade, the Custom Icons adopting different colours shows, this icon of click, it is possible to show the current situation information that this point is corresponding; When the level of zoom of map is reduced, within the scope of display active view, the current situation record strip number comprised in some zone of convergency, and be attached on mark thing, it is shown in the lump on map; This part is based on the some polymerization MarkerClusterer that Baidu's map provides and increases income storehouse, and self-defined covering TextIconOverlay increases income storehouse, and self-defined change realizes.
6. a kind of current battle state display method based on Baidu's map according to claim 1, it is characterized in that: the danger classes color mark that in the display current region described in step (5), the concrete situation information of all current situation records, summary information and current situation value being met or exceeded pre-set, specifically:
At Web browser end, according to the water flow data that server end returns, use JSON to be resolved to current situation information concrete one by one, form, map display;
In the table, showing every concrete current situation information and summary information, when exceeding, for current situation value, the danger classes pre-seted, the background color of situation grade information row is set to redness;
On map, every corresponding example of current situation information, for the mark of each example, the situation grade according to flow information of water, use different colours user-defined identification respectively; Then by each example, by the addOverlay () method of Baidu's map, it is added on map;
Finally, the example of all of current situation information is formed mark array, by the MarkerClusterer storehouse of increasing income using Baidu's map to provide, all of mark is carried out a polymerization.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610011296.6A CN105677863A (en) | 2016-01-11 | 2016-01-11 | Baidu map based water flow situation display method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610011296.6A CN105677863A (en) | 2016-01-11 | 2016-01-11 | Baidu map based water flow situation display method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105677863A true CN105677863A (en) | 2016-06-15 |
Family
ID=56299498
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610011296.6A Pending CN105677863A (en) | 2016-01-11 | 2016-01-11 | Baidu map based water flow situation display method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105677863A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107958135A (en) * | 2017-11-23 | 2018-04-24 | 平安科技（深圳）有限公司 | Event evaluation data display method, device, computer equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104103153A (en) * | 2014-07-01 | 2014-10-15 | 济南展飞物联网科技有限公司 | Flood prevention rainwater information automatic monitoring central system and monitoring method thereof |
| CN104615664A (en) * | 2015-01-08 | 2015-05-13 | 杭州电子科技大学 | Consistency database system based on water flow states |
| CN104834667A (en) * | 2015-03-10 | 2015-08-12 | 杭州电子科技大学 | Electronic map-based water flow status display system |
-
2016
- 2016-01-11 CN CN201610011296.6A patent/CN105677863A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104103153A (en) * | 2014-07-01 | 2014-10-15 | 济南展飞物联网科技有限公司 | Flood prevention rainwater information automatic monitoring central system and monitoring method thereof |
| CN104615664A (en) * | 2015-01-08 | 2015-05-13 | 杭州电子科技大学 | Consistency database system based on water flow states |
| CN104834667A (en) * | 2015-03-10 | 2015-08-12 | 杭州电子科技大学 | Electronic map-based water flow status display system |
Non-Patent Citations (1)
| Title |
|---|
| 陈炜: "WEB GIS在水文检测系统中的应用研究与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107958135A (en) * | 2017-11-23 | 2018-04-24 | 平安科技（深圳）有限公司 | Event evaluation data display method, device, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Shao et al. | Remote sensing monitoring of multi-scale watersheds impermeability for urban hydrological evaluation | |
| Pelorosso et al. | Evaluation of Ecosystem Services related to Bio-Energy Landscape Connectivity (BELC) for land use decision making across different planning scales | |
| Pham et al. | Urban growth and change analysis using remote sensing and spatial metrics from 1975 to 2003 for Hanoi, Vietnam | |
| CN113434565A (en) | Water conservancy flood control drought and waterlogging prevention comprehensive disaster reduction platform system based on CIM platform | |
| CN102520464B (en) | Regional waterlogging forecasting system and forecasting method thereof | |
| KR101420180B1 (en) | Apparatus for analyzing of floating population information and method thereof | |
| CN112182234B (en) | Basin flood control planning data knowledge graph construction method | |
| Zeng et al. | Set pair analysis for karst waterlogging risk assessment based on AHP and entropy weight | |
| CN108416468A (en) | A kind of flood advanced early warning forecasting procedure | |
| Dijkstra et al. | Forecasting infrastructure resilience to climate change | |
| CN102063652A (en) | Road equipment and maintenance supervising method | |
| KR20180122872A (en) | Rainwater management system based on rainwater keeping unit | |
| CN109933637A (en) | A kind of flood risk Dynamic Display and analysis system | |
| North et al. | Trunk flare diameter predictions as an infrastructure planning tool to reduce tree and sidewalk conflicts | |
| CN117010726A (en) | Intelligent early warning method and system for urban flood control | |
| Fura | Analysing and modelling urban land cover change for run-off modelling in Kampala, Uganda | |
| CN104361421A (en) | Water conservancy construction site personnel security assessment method and system | |
| Sun et al. | Urban flooding risk assessment based on FAHP–EWM combination weighting: a case study of Beijing | |
| CN105677863A (en) | Baidu map based water flow situation display method | |
| Zhao et al. | Spatial characteristics of local floods in Beijing urban area | |
| CN107527502A (en) | Road traffic is calculated using mobile phone mobile data to be obstructed coefficient method and system | |
| Liu et al. | Application of spatial Markov chains to the analysis of the temporal–spatial evolution of soil erosion | |
| Wang et al. | Exploring the spatio-temporal characteristics and driving factors of urban expansion in Xi'an during 1930–2014 | |
| CN116776403A (en) | Three-dimensional simulation system, equipment and terminal for homeland space planning | |
| Ngamsiriudom et al. | Making an urban environmental climate map of the Bangkok Metropolitan Region, Thailand: Analysis of air temperature, wind distributions, and spatial environmental factors |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160615 |
|
| WD01 | Invention patent application deemed withdrawn after publication |