YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)
本文遵循YUI3 Widget组件设计理念,继承YUI Widget类将Google Maps API v3 进行简单的封装,实现GoogleMapWidget组件。
涉及几个知识点:自定义Widget组件、自定义组件的css加载
?
1、定义MapWidget组件
?
?
?
?
2、 Google maps API v3 : MapType相关参数设置
?
??
3、程序初始化及加载组件CSS代码
?
?
<div id='mapContainer'> <div id='map'></div></div>??
?
?
1 楼 Alog_W 2012-05-29 感觉LZ!
非常不错的帖子,要仔细研读!
不过我非常想知道LZ怎么布局这些自定义的组件?
是独立在一个文件夹里的吗? 2 楼 houfeng0923 2012-05-29 Alog_W 写道感觉LZ!
非常不错的帖子,要仔细研读!
不过我非常想知道LZ怎么布局这些自定义的组件?
是独立在一个文件夹里的吗?
组件的物理存放吗?就是单独存放到一个目录里
lib/yui3
lib/custom
在工程lib/custom下面是这样:
kbox
mapwidget
-mapwidget.js
-assets
-skins
-sam
-mapwidget.css