OpenLayers3 学习心得（二）——开发配置

由于ol是js类库，因此在开发时只需要将ol引用到页面中。

1 类库下载

编译好的类库可以到ol的官网下载，但是由于国内屏蔽了github 可能下载不了，解决方法：

• 可以重新定向host；
• 也可以到csdn上下载：http://download.csdn.net/download/longshengguoji/8053751
• 没有积分的可以到网盘：http://yunpan.cn/cAreGWFvrcTkE 访问密码 f994

2 文件引用

实测至少引用：ol-debug.js和base.js两个文件，因为本人使用了自带的样式因此引用的文件如下：

3 开发方式

• 可以直接使用html页面方式；
• 使用j2ee方式；
• 使用asp.net方式：
• 使用其他方式……；

顺便推荐一款js的ide：webstorm 智能索引很好用。

4. 实例

代码如下：

    
    





    



    

        

            Openlayers 3 Examples
        
    


    

        

            Go to map
            

        
    
    

        

            
Accessibility example
            
Example of an accessible map.
            

                
This page's map element has its tabindex attribute set to "0", that makes it focusable. To focus the map element you can either navigate to it using the "tab" key or use the skip link. When the map element is focused the + and - keys can be used to zoom in and out and the arrow keys can be used to pan.
                
When clicked the "Zoom in" and "Zoom out" buttons below the map zoom the map in and out, respectively. You can navigate to the buttons using the "tab" key, and press the "enter" key to trigger the zooming action.
                
See the accessible.js source to see how this is done.
            
            
accessibility,tabindex
        
    

点击页面，效果如下：