Spatial Dev Guru iamgeoknight

GeoSpatial Developer/Data Scientist

iamgeoknight / import_jsts.html

Created March 9, 2021 11:28

Import JSTS

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsts/2.6.1/jsts.js"></script>

iamgeoknight / DynamicMeasure_logic.js

Created February 7, 2021 17:15

	/*
	Create a Draw interaction for LineString and Polygon
	*/
	class Draw {
	//Constructor accepts geometry type, map object and vector layer
	constructor(type, map, vector_layer) {
	this.map = map;
	this.vector_layer = vector_layer;
	this.draw = new ol.interaction.Draw({
	type: type,

iamgeoknight / DynamicMeasure_VectorLayer.js

Created February 6, 2021 12:33

	/*
	Create Vector Layer
	*/
	class VectorLayer{
	//Constructor accepts title of vector layer and map object
	constructor(title, map) {
	this.layer = new ol.layer.Vector({
	title: title,
	source: new ol.source.Vector({
	projection:map.getView().projection

iamgeoknight / DynamicMeasure_Draw.js

Created February 6, 2021 12:01

	/*
	Create a Draw interaction for LineString and Polygon
	*/
	class Draw {
	//Constructor accepts geometry type, map object and vector layer
	constructor(type, map, vector_layer) {
	this.map = map;
	this.vector_layer = vector_layer;
	this.draw = new ol.interaction.Draw({
	type: type,

iamgeoknight / DynamicMeasure_Overlay.js

Last active February 6, 2021 11:51

	/*
	Create overlay
	*/
	class Overlay {
	//Contrctor accepts map object, overlay html element, overlay offset, overlay positioning and overlay class
	constructor(map, element = document.getElementById("popup"), offset = [0, -15], positioning = 'bottom-center', className = 'ol-tooltip-measure ol-tooltip .ol-tooltip-static') {
	this.map = map;
	this.overlay = new ol.Overlay({
	element: element,
	offset: offset,

iamgeoknight / DynamicMeasure_Map.js

Last active February 6, 2021 11:30

	/*
	Create and Render map on div with zoom and center
	*/
	class OLMap {
	//Constructor accepts html div id, zoom level and center coordinaes
	constructor(map_div, zoom, center) {
	this.map = new ol.Map({
	target: map_div,
	layers: [
	new ol.layer.Tile({

iamgeoknight / jsts_wkt.js

Created January 27, 2021 06:25

JSTS reading WKT geometry

	var reader = new jsts.io.WKTReader()
	var a = reader.read('POINT (-20 0)')
	var b = reader.read('POINT (20 0)')
	a = a.buffer(40)
	b = b.buffer(40)

iamgeoknight / jsts.js

Last active January 27, 2021 05:59

JSTS

	var parser = new jsts.io.OL3Parser();
	var jstsGeom = parser.read('OpenLayers Geometry');
	var buffered = jstsGeom.buffer(40);
	var ol_geom = parser.write(buffered)

iamgeoknight / OpenLayerMap.html

Created January 9, 2021 16:31

	<!doctype html>
	<html lang="en">
	<head>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css">
	<style>
	.map {
	height: 400px;
	width: 400px;
	}
	</style>

iamgeoknight / OpenLayers_Map.html

Created January 9, 2021 15:33