Hayati TASTAN, PhD in Geospatial IT haytastan

## gist:bb91bc518b6862b8eb50897e5c71c3b9
<html>
<head>
<title>Convert Between Geographic and UTM Coordinates</title>
<script type="text/JavaScript" src="../jsDraw2D.js"></script>
<link rel="stylesheet" type="text/css" href="../main0.css">

<script language=javascript>

function Declarations(){
//Symbols as used in USGS PP 1395: Map Projections - A Working Manual

## app.js
var zoomSlider = document.getElementById('zoom');
var zoomValue = document.getElementById('zoomvalue');
var map, targetZoom;

var initMap = function() {
  var template = 'http://{S}tile.openstreetmap.org/{Z}/{X}/{Y}.png';
  var subdomains = ['', 'a.', 'b.', 'c.'];
  var provider = new MM.TemplatedLayer(template, subdomains);
      map = new MM.Map('map', provider, null);

## map.js
class Map extends React.Component {
  componentDidMount() {
    this.map = new mapboxgl.Map({
      container: this.mapContainer,
      style: 'mapbox://styles/mapbox/streets-v9'
    });
  }

  componentWillUnmount() {
    this.map.remove();
	<html>
	<head>
	<title>Convert Between Geographic and UTM Coordinates</title>
	<script type="text/JavaScript" src="../jsDraw2D.js"></script>
	<link rel="stylesheet" type="text/css" href="../main0.css">

	<script language=javascript>

	function Declarations(){
	//Symbols as used in USGS PP 1395: Map Projections - A Working Manual
	var zoomSlider = document.getElementById('zoom');
	var zoomValue = document.getElementById('zoomvalue');
	var map, targetZoom;

	var initMap = function() {
	var template = 'http://{S}tile.openstreetmap.org/{Z}/{X}/{Y}.png';
	var subdomains = ['', 'a.', 'b.', 'c.'];
	var provider = new MM.TemplatedLayer(template, subdomains);
	map = new MM.Map('map', provider, null);
	class Map extends React.Component {
	componentDidMount() {
	this.map = new mapboxgl.Map({
	container: this.mapContainer,
	style: 'mapbox://styles/mapbox/streets-v9'
	});
	}

	componentWillUnmount() {
	this.map.remove();