Work summary (by Konjac)

Source: Internet
Author: User

Work summary (by Konjac)

today is February 24, 2016 Wednesday, the weather is good, the sun shines. I am konjac, write a summary, record a bit.  The focus of development is data presentation . the technologies involved are:SVG map drawing (through latitude and longitude, generation of SVG maps, binding Point-and-click events, jump to the corresponding provinces and cities map)The following is a map of the SVG in Shandong: (online only to find the country's provincial-level SVG diagram.) So the corresponding city-level can only rely on their own. )
 Echarta pie chart, a histogram, a line chart, and many other ways to display data results. Ajax. The backend uses Java. You need to periodically fetch data from the background database. Order Processing . Use the table class plug-in. DataTable table. DatePicker date Query. Map Location query :use validate to retrieve input information. positioning (emphasis)。 By GPS signals, the Beidou satellite gets the data to show its location on the map. In simple terms, it is the latitude and longitude that can be displayed on the map. Electronic Fence (emphasis). Because the user scope is mainly domestic, so the use of Baidu map. to this end, I studied the Baidu map API for a long time. How to zoom in, zoom out, pan, drag and drop, add controls, generate Map tool. Map positioning, mouse interaction, and so on, test map events, overlays. get information about a map: for example:latitude and longitude coordinates of administrative divisions above Chinese counties and regions,latitude and longitude of city center pointand so on. Overall: Basically Baidu map of each API have seen several times: http://developer.baidu.com/map/reference/index.phpget the latitude and longitude of the website:< Span style= "FONT-SIZE:1REM;" data-wiz-span= "Data-wiz-span" >http://api.map.baidu.com/lbsapi/getpoint/index.html The company's tentative electronic fence has 4 types: round, rectangular, polygon, and area fence (a district, a city); Draw the fence range by the user himself. Area fence, referring to the blog park's yogurt sister's article. Ok. The main process is to return from the background of the provinces and cities.  To generate a level three City selection: then locate the area and display its outline range. Circular fence, see Baidu Map has an example is very suitable: http://developer.baidu.com/map/jsdemo/demo/f0_7.htm round, rectangular, polygon, all at once all have. Ha ha. But, too young. Project, the design is not the use of such a tool bar: I need to separate out. In the appropriate page flow. The corresponding interface is found and the map drawing event is designed. There will be bugs when multiple clicks are found. The bug is that the drawing function cannot be canceled. That is, you can still draw a cover fence by closing the Draw new fence page. I have tested a variety of ideas that are useless. Finally began to see Drawingmanager.js this Baidu provides open source library. This library has about 1722 rows. Note is still very comprehensive, it is Baidu AH. As a JS small rookie, such a plugin is currently not written out, but to understand or reluctantly. Find the function you need to function, a little bit of analysis. However, they found that their brain capacity was limited and the relationship between functional functions was not clear. So, draw a mind-brain map. The following is a thumbnail image of the brain map. Suddenly, the whole library is clear. And then modify it. Need to get the center and radius of the circular fence. Two points of a rectangular fence. Various points of the polygon fence. To the background database store. The start function, the procedure function, and the end function are drawn in the overlay to add and delete the corresponding event. Drawing fences is almost there. Then enter the object that needs to be positioned, and if the object is a person, enter the information for the person. If it is a vehicle, enter information about the vehicle, etc. This uses a tree list such as plugin Jstree.ztree. Finally, enter the fence name and use regular to add a simple judgment. So far, the electronic fence is over. There's another one. real-time monitoring alarmsAnd Track Playback。 Timing check, whether the use of the electronic fence object is out of bounds. For example, circular fences. If the monitor object is out of range of the circle, alarm. Here is an API for maps. Determines whether a point is within a circle. Track plays to get a range of position latitude and longitude of the target.  Draw a line chart on the map. There are a lot of details, not much to say. Finally, the feeling of the company. Small say, colleagues are very good, get along very happy. But, the company is always in arrears with wages, you never know when he will pay, and will not pay. I personally do not like job-hopping, like a stable life. This is like the boss in a good mood to pay the rhythm, really can't carry. --to this end. Konjac. Date: February 24, 2016 full text: 1375 words. PS: Do not reprint.**





Work summary (by Konjac)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.