Code download
Http://pan.baidu.com/s/1cDht7K
One left is the navigation menu, the right is the application of Baidu map;
One left menu
Use the jquery Easyui framework; resources under the net; run as follows;
Two modify Menu
Modified as follows; Labeling, geographic elements, data management; these are GIS functions;
The three jquery Easyui framework is so used;
Click on the different menu on the left, link to a different HTML document, and the corresponding document will be displayed on the right;
Four load into Baidu map
In one of the demo2.html, load Baidu Map, the effect is as follows, you can click on the left menu, add Baidu Map application on the right;
Five related codes
Index.html
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Demo1.html
<! DOCTYPE html>
Demo2.html
Six about Baidu Map100-degree Map API example see
Http://developer.baidu.com/map/jsdemo.htm#a1_2
2 API Key
If you do the project, please do not use the above API key, which is casual search on the internet, need to apply for their own API key, do not use other people's API key;
Can see
http://blog.csdn.net/bcbobo21cn/article/details/50956565
Easyui on the right side of the left navigation menu, download the Baidu Map Project framework