Electronic Joint Business

Solution for E-Business

Web AJAX UI

编写 Google Chrome 浏览器扩展 — CodeProject Reputation Watcher

本文将探讨如何利用 jQuery 和 jQuery UI 来构建 Chrome 浏览器扩展,并将之集成到 Chrome 中。文中讨论的扩展会读取 CodeProject 的会员信息,并查看荣誉值,它会将这些信息存储在本地,日后再查询 CodeProject 时会将这些变化呈现到表格中。该扩展还可以读取并显示会员的荣誉值走势图。1

背景
编写 Chrome 扩展所需的文档可以在 Google Chrome Externsion 上找到。用到的 javascript 类库可参见jQueryjQuery UI

Chrome 浏览器扩展
Chrome 扩展本质上是一些嵌入 JavaScript 和 CSS 的 HTML 文件。为了让 Chrome 知道该如何处理这些文件并呈现给用户,必须在项目的根目录中的清单文件(manifest)中加以规定。该清单文件的文件名固定为:“manifest.json”。

我们先来看看本范例的清单文件:

{
  "manifest_version": 2,
  "name": "CodeProject Reputation Watcher",
  "short_name": "CPRepWatcher",
  "version": "2.0",
  "content_security_policy": "script-src ‘self’ https://ssl.google-analytics.com ‘unsafe-eval’; object-src ‘self’ ",
  "description": "Extension to retrieve a CodeProject accounts reputation points.",
  "icons": {
      "48":"images/bob48.png",
      "128":"images/bob128.png"
  },
  "browser_action": {
    "default_icon": "images/bob.png",
    "default_popup": "cprepwatch.html"
  },
  "options_page": "options.html",
  "permissions": [
    "http://*.codeproject.com/"
  ]
}

开始的一些基本属性比如:“name”、 “version” 和 “description” 含义相当直观无需解释。“icons” 属性定义了扩展可以使用的多个图标文件,安装扩展后,这些图标会显示在 Chrome 扩展页及工具栏上。

>>> 阅读全文

 

, , , , ,

ArcGIS Silverlight 客户端指南 (二)

在ArcGIS API 里已经定义了多种类型的地图层(这里避免用图层以免和SL的cavas混淆),它们都可以直接添加到地图控件里,这些地图层的地图资源可以是来自上一篇罗列的ESRI公司的免费地图,也可以是自己用arcgis server 发布的服务,还可以是Bing的地图,或者可以通过扩展加载GoogleMap的资源。

ArcGIS支持三种地图层类型

  • ArcGISTiledMapServiceLayer :瓷砖式地图层,是经过缓存的地图层,适用于发布后不需要更新的地图资源,可以提高速度。
  • ArcGISDynamicMapServiceLayer :动态地图层,没有经过缓存,数据可以是矢量也可以是栅格。适用于需要经常更新的地图资源
  • ArcGISImageServiceLayer : 这是用于动态的栅格地图层,数据是栅格类型的地图资源
  • 在ArcGIS的Map控件里,属性Layers是地图层的集合,它可以包括多个地图层。

    对于有多个地图层时,Map控件会按照地图层的顺序,从下到上依次显示。地图层有两个很有用的属性:

  • Opacity属性,取值0-1,可以设置地图层的透明度,在多个地图层叠加显示时,设置透明度很有用。
  • Visible属性,取值True/False, 用来设置地图层的可见性。
  • ArcGIS的事件
    Silverlight能够利用.net的一些核心库内容,包括事件。对地图控件进行操作,可能会触发一系列事件,例如:地图控件在初始化成功时会触发Initialized事件.

    >>> 阅读全文

     

    , , ,

    ArcGIS Silverlight 客户端指南 (一)

    ArcGIS之所以比较普及,原因之一就是它能紧跟计算机发展的趋势,推出适合各种平台的API比如JavaScript API,Java API, Flex API,Silverlight API, 后二者是现在RIA的主流代表,开发工具、设计工具一应俱全,有人也许会问,在Flex API和Silverlight API之间该如何取舍,其实“一法通万法通”,在不同的API之间切换,并不是什么太难的问题。

    [b]准备工具[/b]
    假设你已经安装了Visual Studio 2010 (最新版本嘛,至少以后几年你翻我的文章还不会过期)的任何一个版本,建议安装Blend设计工具,它可以用来设计非常酷的Silverlight画面。
    Silverlight 需要另外安装工程插件,即Silverlight 4的Visual studio工程插件,可以在[url=”http://www.microsoft.com/downloads/details.aspx?familyid=BF5AB940-C011-4BD1-AD98-DA671E491009&displaylang=en”]这里[/url]下载。

    最后我们需要ArcGIS SL 客户端API,你需要自己注册一个ESRI Global账户,登陆后,就可以在[url=http://www.esri.com/products/index.html#developer_tools_panel”]这里[/url]下载。

    [b]Hello,World[/b]

    安装好上面的Silverlight 4插件和ArcGIS Client,就可以创建一个Silverlight Application工程了,并添加ESRI.ArcGIS.Client(版本1.2)的引用。

    >>> 阅读全文

     

    , , , , ,