Tag » OpenLayers

Create a Simpe Web Map With Openlayers 3

Create a Simpe Web Map With Openlayers 3

A step by step guide to make a very simple map using openlayes 3.

First let’s make a simple HTML page. 559 kata lagi

Javascript

How to Add a Simple Control to OpenLayers Map

        // create control ui
        var button = document.createElement('input');
        button.type = "button";
        button.value = "Show Zoom Level";
        var element = document.createElement('div');
        // button.className = 'ol-control';
        element.appendChild(button);
        element.style.top = "12px";
        element.style.left = "12px";
        element.style.position="absolute";

        var alertZoomLevel = function (e) {
            alert(olMap.getView().getZoom());
        }.bind(olMap);

        var alertZoomLevelControl = new ol.control.Control({
            element: element
        });

        button.addEventListener('click', alertZoomLevel, false);
        olMap.addControl(alertZoomLevelControl);

AngularJS and OpenLayers: creating a scale bar module

Intro

We’ve recently released a new product called mapTrunk. The app is built using the open source libraries AngularJS and OpenLayers 3 (among many others!). 1.013 kata lagi

Development

Openlayers 3 in Coresight

I have been reading Marcos Vainer Loeff over on PISquare about his google maps symbol in Coresight. This great article inspired me to write nearly the same but then with the open source libraries OpenStreetMap and Openlayers. 1.186 kata lagi

Coresight

Adding lines and polygons–openlayers3

This post will demonstrate how to add lines and polygons to web maps using Openlayers3.

Screenshot showing the web map with lines and polygon feature on top of the base map… 71 kata lagi

Science