Tag » OpenLayers

OpenLayers: Align label with Line Feature

In this short post we are going to discuss how to display label on the LineString. This can be useful if you want to add some information along the line, for example start and destination city: 586 kata lagi

OpenLayers

How to Get Mouse Coordinate in OpenLayers

Below is a simple page with an OL map, which alerts mouse position coordinate when user clicks on the map:

 
<!DOCTYPE html>
<html>
<head>
  <title>Mouse Position</title>
  <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
  … 85 kata lagi

HOT Tasking Manager 3.0 Development Underway at thinkWhere

We get to work on some great projects here at thinkWhere, but we’re particularly proud of the project we’ve just started with the Humanitarian OpenStreetMap Team (HOT) 585 kata lagi

Mapping

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