Pierre GIRAUD pgiraud

This example shows the usage of JSTS to compute the intersection of polygons.

Once the vector layer shows up, you can draw a polygon on the map. Within a small amount of time, you should see the result of intersection highlighted in blue.

Link to demo

This example shows the usage of Turf.js to compute the intersection of polygons.

Once the vector layer shows up, you can draw a polygon on the map. Within a small amount of time, you should see the result of intersection highlighted in blue.

Link to demo

	pierre@ip-10-196-3-47:/tmp$ virtualenv venv
	New python executable in venv/bin/python
	Installing distribute.............................................................................................................................................................................................done.
	Installing pip...............done.
	pierre@ip-10-196-3-47:/tmp$ venv/bin/pip install flake8==2.2.2
	Downloading/unpacking flake8==2.2.2
	Downloading flake8-2.2.2.tar.gz
	Running setup.py egg_info for package flake8

	Downloading/unpacking pyflakes>=0.8.1 (from flake8==2.2.2)

	<!DOCTYPE html>
	<html ng-app="app">
	<head>
	<title>Select features example</title>
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.10.1/ol.css" type="text/css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.11.1/ol.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>OpenLayers: Vector Features</title>
	<link rel="stylesheet" href="http://dev.openlayers.org/theme/default/style.css" type="text/css">
	<link rel="stylesheet" href="http://dev.openlayers.org/examples/style.css" type="text/css">
	<script src="http://dev.openlayers.org/OpenLayers.js" type="text/javascript"></script>

	import logging
	import sys
	import numpy
	import rasterio
	import fiona
	from rasterio import features
	from shapely.geometry import shape
	from shapely.ops import transform
	from functools import partial
	import pyproj

	<!DOCTYPE html>
	<html>
	<head>
	<title>Select features example</title>
	<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.css" type="text/css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.js"></script>
	<style>