Coder Social home page Coder Social logo

viglino / openlayers-ext Goto Github PK

View Code? Open in Web Editor NEW
20.0 6.0 16.0 449 KB

Extending the OpenLayers 2 library with cool stuff: CSS popup, spreading cluster, Font Awesome symbol renderer, charts for statistical map (pie/bar), text along lines...

Home Page: http://viglino.github.io/OpenLayers-ext/

JavaScript 89.76% CSS 7.68% HTML 2.55%

openlayers-ext's Introduction

OpenLayers-ext

Extension for the OpenLayers 2

If you're looking for ol extensions (Openlayers 3 / 4) see the ol-ext project.

OpenLayers.Control.FullPage : The FullPageButton control is a very simple push-button. When clicked, it adds a olFullPageMap style to the map to display the map at fixed position and fill the browser window.

OpenLayers.Control.ZoomBar : The ZoomBar is a visible control composed of a set off button to switch zoom level. View an example

OpenLayers.Popup.Styled : Popup styled by a CSS. View an example

OpenLayers.Popup.Styled

Cluster

Clusters

OpenLayers.Control.SelectCluster: A select control to select features. When selected, the clusters animate and spread dynamicaly to show the clustered features. View an example

Statistical maps

Charts map

OpenLayers.Renderer.SVGCharts: Implements a SVG based renderer to display charts (pies or bars) on a map. OpenLayers.Renderer.VMLCharts: Implements a VML based renderer to display charts (pies or bars) on a map. View an example

Font Awesome

Font Awesome map

Overwrite the SVG renderer to draw Font Awesome symbols on a vector layer. View an example

Line Symbol renderer

LineSymbol map

Overwrite the SVG renderer to to draw symbols (arrow, circle, barbs) along LineString objets in a vector layer. View an example

Text Path renderer

TextPath map

Overwrite the SVG renderer to display texts along LineString objets in a vector layer. View an example

Bounce animation on markers

Boncing markers

Add animations method on point features (OpenLayers.Feature.Vector.prototype.bounce). The animation methods is designed to be used with externalGraphic (and backgroundGraphic). It will modify the graphicOffset of the marker. View an example

openlayers-ext's People

Contributors

viglino avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

openlayers-ext's Issues

OpenLayers.control.Profil in OpenLayers 2?

Hi,
I'm very new in work with OpenLayers. I'm using OpenLayers 2 and I don't know why. Your extension is amazing!!! It works nice. But I can't to do only one thing: I need to create this: https://viglino.github.io/ol-ext/examples/control/map.control.profil.html in OpenLayers 2 and with your extension OpenLayers-ext. Is it possible? It's very difficult to update my scripts from OpenLayers 2 to OpenLayers 3. This is the reason why I need elevation profile in OpenLayers 2.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.