rajanski/view_geojson.sh

## view_geojson.sh
#!/bin/bash
usage()
{
cat << EOF
usage: view_geojson.sh -f geojson_file.geojson

This script views a geojson file in a browser (default is google-chrome)

EOF
}


while getopts “o:f:b:nh” OPTION
do
     case $OPTION in

         o)
             outfile=$OPTARG
             ;;
         f)
            infile=$OPTARG
             ;;
         b)
            browser=$OPTARG
             ;;
         n)
            no_view=1
             ;;
         h)
             usage
             exit
             ;;
     esac
done


html1=$(cat <<EOF
<!DOCTYPE html>
<html>
<head>
	<title>Mappp</title>
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
	<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
	<style> body {padding: 0; margin: 0; } html, body, #map {height: 100%; width: 100%; } </style> </head>
<body>
<div id="map"></div>
</body>
<script>
var data =
EOF
)

html2=$(cat <<EOF
;

	var map = L.map("map");
	var osm=new L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png",{
				attribution: "&copy; <a href='http://osm.org/copyright'>OpenStreetMap</a> contributors"});
  	osm.addTo(map);

	function it_properties(props) {
		var html = "<p> ";
		Object.keys(props).forEach(function(key) {html+="<b>"+key +"</b>: "+props[key]+"</br>";});
		html += "</p>";
		return html;
	};

	function forEachFeature(feature, layer) {
		var popupContent = it_properties(feature.properties);
		layer.bindPopup(popupContent);
	};
	// Get GeoJSON data and create features.
var data_layer =  new L.GeoJSON(data, {attribution:"", onEachFeature: forEachFeature,});
		map.fitBounds(data_layer.getBounds(), {padding: [12, 12]})
		map.locate({setView: true, maxZoom: 16});
		data_layer.addTo(map);
</script>
</html>
EOF
)

data=$(cat $infile)
#echo "$data"
echo "$html1$data$html2" > show.html

out=$(cat show.html)


if [ -z ${outfile+x} ]; then echo "No output file set"; else echo "$out" > "$outfile"; fi;

if [ -z "$no_view" ];
then
	echo "showing file in browser"
if [ -z "$browser" ];
then
	google-chrome show.html;
else
 	$browser show.html;
fi
fi
	#!/bin/bash
	usage()
	{
	cat << EOF
	usage: view_geojson.sh -f geojson_file.geojson

	This script views a geojson file in a browser (default is google-chrome)

	EOF
	}


	while getopts “o:f:b:nh” OPTION
	do
	case $OPTION in

	o)
	outfile=$OPTARG
	;;
	f)
	infile=$OPTARG
	;;
	b)
	browser=$OPTARG
	;;
	n)
	no_view=1
	;;
	h)
	usage
	exit
	;;
	esac
	done


	html1=$(cat <<EOF
	<!DOCTYPE html>
	<html>
	<head>
	<title>Mappp</title>
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
	<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
	<style> body {padding: 0; margin: 0; } html, body, #map {height: 100%; width: 100%; } </style> </head>
	<body>
	<div id="map"></div>
	</body>
	<script>
	var data =
	EOF
	)

	html2=$(cat <<EOF
	;

	var map = L.map("map");
	var osm=new L.tileLayer("http://{s}.tile.osm.org/{z}/{x}/{y}.png",{
	attribution: "© <a href='http://osm.org/copyright'>OpenStreetMap</a> contributors"});
	osm.addTo(map);

	function it_properties(props) {
	var html = "<p> ";
	Object.keys(props).forEach(function(key) {html+="<b>"+key +"</b>: "+props[key]+"</br>";});
	html += "</p>";
	return html;
	};

	function forEachFeature(feature, layer) {
	var popupContent = it_properties(feature.properties);
	layer.bindPopup(popupContent);
	};
	// Get GeoJSON data and create features.
	var data_layer = new L.GeoJSON(data, {attribution:"", onEachFeature: forEachFeature,});
	map.fitBounds(data_layer.getBounds(), {padding: [12, 12]})
	map.locate({setView: true, maxZoom: 16});
	data_layer.addTo(map);
	</script>
	</html>
	EOF
	)

	data=$(cat $infile)
	#echo "$data"
	echo "$html1$data$html2" > show.html

	out=$(cat show.html)


	if [ -z ${outfile+x} ]; then echo "No output file set"; else echo "$out" > "$outfile"; fi;

	if [ -z "$no_view" ];
	then
	echo "showing file in browser"
	if [ -z "$browser" ];
	then
	google-chrome show.html;
	else
	$browser show.html;
	fi
	fi