dnamic map

Change class name on click in jQuery

by SHELDON PASCIAK

HTML

<!-- <IMG style="position:absolute;top:0;left:0;" SRC="https://pasciak.com:3000/images/2020-02-06t21-11-45.977z-paper.png.jpg">
<div id="textplace" style="font:12px verdana;position:absolute;left:80px;"class="letterP4"></div> -->

<!--The div element for the map -->
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>


rwar

CSS

/* Set the size of the div element that contains the map */
#map {
  height: 800px;  /* The height is 400 pixels */
  width: 100%; /* The width is the width of the web page */
 }

img {
  
 width:400px;
}

* {
  
  color:black;
}

.letterP3 {    
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
float: left;        
    vertical-align:top;    
}

.letterP4 {    
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
    float: left;
    vertical-align:top;
}

JavaScript

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var l1=getParameterByName("line1");
var xx='';//prompt("your text","all the evidence against me.");
var arr=xx.split(" ");

var jj="";

for (var i=0;i<arr.length;i++){
jj+= arr[i]+"<BR>";
if (i==3) jj+="<BR>";
}

//alert(top.location.search);
let ll=top.location.search.substr(6);
l=ll.split(',');
console.log(l);
$('#textplace').html(jj);

// Initialize and add the map
function initMap() {
  // The location of Uluru// 40.344   lng -111.036
  var uluru = {lat: Math.floor(l[0]), lng: Math.floor(l[1])};
  // The map, centered at Uluru
  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 4, center: uluru});
  // The marker, positioned at Uluru
  var marker = new google.maps.Marker({position: uluru, map: map});
  
  for (var i=0.0;i<180.0;i+=2){
  uluru = {lat: Math.floor(l[0])+Math.cos(i)*i/29, lng: Math.floor(l[1])+Math.sin(i)*i/29};
  marker = new google.maps.Marker({position: uluru, map: map});  
  }
  
}