getsudocode

## color_marker.html
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>
    #map {
      height: 100%;
    }
    html, body {
      height: 100%;

## color_marker_function.js
let map;
// global array to store the marker object
let markersArray = [];

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
  addMarker({lat: -34.297, lng: 150.544}, "yellow");

## color_marker.js
let map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });

  let marker = new google.maps.Marker({
    map: map,
    position: {lat: -34.397, lng: 150.644},

## add_marker_line.html
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>
    #map {
      height: 100%;
    }
    html, body {
      height: 100%;

## on_position_change_listener.js
function addMarker(latLng) {
  let marker = new google.maps.Marker({
      map: map,
      position: latLng,
      draggable: true
  });

  // add listener to redraw the polyline when markers position change
  marker.addListener('position_changed', function() {
    drawPolyline();

## polyline.js
let map;
let markersArray = [];
// define global variable to store polyline
let polyline = null;

function initMap() {
  ...
  map.addListener('click', function(e) {
    //console.log(e);
    addMarker(e.latLng);

## onClickListener.js
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });

  map.addListener('click', function(e) {
    console.log(e);
    addMarker(e.latLng);
  });

## add_marker_function.html
<script>
  let map;
  // define global array to store markers added
  let markersArray = [];

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 8
    });

## load_gmap.html
<!DOCTYPE html>
<html>
<head>
  <title></title>
  <style>
    #map {
      height: 100%;
    }
    html, body {
      height: 100%;

## post.hbs
<footer class="post-full-footer">
 …
</footer>
 <section class="post-full-comments">
 {{! - Add disqus Universal Embed Code here - }}
 </section>
</article>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<style>
	#map {
	height: 100%;
	}
	html, body {
	height: 100%;
	let map;
	// global array to store the marker object
	let markersArray = [];

	function initMap() {
	map = new google.maps.Map(document.getElementById('map'), {
	center: {lat: -34.397, lng: 150.644},
	zoom: 8
	});
	addMarker({lat: -34.297, lng: 150.544}, "yellow");
	function addMarker(latLng) {
	let marker = new google.maps.Marker({
	map: map,
	position: latLng,
	draggable: true
	});

	// add listener to redraw the polyline when markers position change
	marker.addListener('position_changed', function() {
	drawPolyline();
	let map;
	let markersArray = [];
	// define global variable to store polyline
	let polyline = null;

	function initMap() {
	...
	map.addListener('click', function(e) {
	//console.log(e);
	addMarker(e.latLng);
	<script>
	let map;
	// define global array to store markers added
	let markersArray = [];

	function initMap() {
	map = new google.maps.Map(document.getElementById('map'), {
	center: {lat: -34.397, lng: 150.644},
	zoom: 8
	});
	<footer class="post-full-footer">
	…
	</footer>
	<section class="post-full-comments">
	{{! - Add disqus Universal Embed Code here - }}
	</section>
	</article>