easyui左侧导航菜单右侧载入百度地图项目框架

代码下载

http://pan.baidu.com/s/1cDht7K


一个左侧是导航菜单,右侧是百度地图的应用;

一 左侧菜单

使用jquery easyui框架;网上下的资源;运行后如下;

easyui左侧导航菜单右侧载入百度地图项目框架_第1张图片


二 修改菜单

修改后如下;标注,地理要素,数据管理;这些是GIS功能;

easyui左侧导航菜单右侧载入百度地图项目框架_第2张图片


三 jquery  easyui框架是这么用的;

单击左侧不同菜单;链接到不同html文档;就会在右侧显示相应文档;

easyui左侧导航菜单右侧载入百度地图项目框架_第3张图片


easyui左侧导航菜单右侧载入百度地图项目框架_第4张图片


四 载入百度地图

在其中一个demo2.html中,载入百度地图;效果如下;以后可点击左侧菜单,在右侧增加百度地图应用;

easyui左侧导航菜单右侧载入百度地图项目框架_第5张图片


五 相关代码

index.html




	
    jQuery.EasyUI- 1.2.6 后台经典框架使用DEMO
    

    
    
    
    
	

    





正在加载中,请稍候...
欢迎 疯狂秀才 修改密码 安全退出 jQuery.EasyUI- 1.2.6 应用实例
新密码:
确认密码:
刷新
关闭
全部关闭
除此之外全部关闭
当前页右侧全部关闭
当前页左侧全部关闭
退出

demo.html





一个 HTML 页面



body 元素的内容会显示在浏览器中。

title 元素的内容会显示在浏览器的标题栏中。

easyui 和baidu API


demo1.html





一个 HTML 页面



Month Savings
January $100

demo2.html




Hello, World




六 关于百度地图

1 百度地图api示例参阅

http://developer.baidu.com/map/jsdemo.htm#a1_2


2 api key

如果自己做项目请不要使用上面的api key;那个是网上随便找的;需要申请自己的api key,才好;不要使用别人的api key;

可参阅

http://blog.csdn.net/bcbobo21cn/article/details/50956565

你可能感兴趣的:(原创教程,GIS,web前端,jquery,easyui,百度地图,gis,导航)