首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

YUI3学习(10)-基于组件框架的Widget实例(GoogleMapWidget)

2012-06-28 
YUI3学习(十)---基于组件框架的Widget实例(GoogleMapWidget)本文遵循YUI3 Widget组件设计理念,继承YUI Wid

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

热点排行
Bad Request.