JSFiddle - React, Tailwind, and code Playground

by Mehmet Alp

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="map_canvas"></div>
@mesut_bakrc

CSS

#map_canvas{ width:800px; height:600px; }

JavaScript

function initialize(){
       var center= new google.maps.LatLng(37.57021609,36.93978848);
       var myOptions = {
                zoom: 18,
                center: center,
                mapTypeControl: true,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                navigationControl: true,
                mapTypeId: google.maps.MapTypeId.HYBRID
       }     
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
      var polylineCoordinates = [
new google.maps.LatLng(37.57021609,36.93978848),
new google.maps.LatLng(37.57022405,36.93978779),
new google.maps.LatLng(37.57020815,36.93978739),
new google.maps.LatLng(37.57023179,36.93978534),
new google.maps.LatLng(37.57023907,36.93978122),
new google.maps.LatLng(37.57024565,36.93977555),
new google.maps.LatLng(37.57025133,36.93976850),
new google.maps.LatLng(37.57025593,36.93976031),
new google.maps.LatLng(37.57025932,36.93975121),
new google.maps.LatLng(37.56983688,36.93969421),
new google.maps.LatLng(37.56983127,36.93969233),
new google.maps.LatLng(37.56982591,36.93968955),
new google.maps.LatLng(37.56982087,36.93968593),          
new google.maps.LatLng(37.56981624,36.93968153),
new google.maps.LatLng(37.56981211,36.93967641),
new google.maps.LatLng(37.56980853,36.93967067),
new google.maps.LatLng(37.56980557,36.93966440),
new google.maps.LatLng(37.56980327,36.93965770),
new google.maps.LatLng(37.57031162,36.93957027),
new google.maps.LatLng(37.57047529,36.93908115),
new google.maps.LatLng(37.56962660,36.93903489),
new google.maps.LatLng(37.56962523,36.93902910),
new google.maps.LatLng(37.56962436,36.93902314),
new google.maps.LatLng(37.56962399,36.93901712),
new google.maps.LatLng(37.56962415,36.93901107),
new google.maps.LatLng(37.56962482,36.93900508),
new google.maps.LatLng(37.56962599,36.93899922),
new google.maps.LatLng(37.56962765,36.93899355),
new google.maps.LatLng(37.56962979,36.93898812),
new...