JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
<style type="text/css">
#map {width:670px;height:600px;}
</style>
<script type='text/javascript'>
function initialize() {
var myLatlng = new google.maps.LatLng(51.65905179951626, 7.3835928124999555);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var decodedPath = google.maps.geometry.encoding.decodePath("gdd{@myvtMdApAPNLJLHJFNBZD`ANVFNF\\Tx@j@RJPDh@H`@BJ@JALEpAi@JGNAFAN@L@JBTFj@N\\Hl@DD?B?DCDGLQJUX_@z@}AHKJGLIFEHEFADAH@J@FBHBHFLNJ`@HZFN\\j@LVLLPFXHp@NnB`@^NXPX^JTFXBT@\\BXDNFJLHTH~Ad@HBH@d@?RARBv@NVDXDdALf@D^BTA`@ARCRKNIJM\\]JILGNIHCHCHCHAJCHAHAH@D@FBDDDBDFBF@HAHCPGHIJMJu@^oAl@{Az@e@TQHQFOB_ALYJSFKFQRUn@Qt@G^AR@JBLFJHHDBDDD?DABABE@E?GCIAIAK?M@ODQHODEHGLILEREV?`@Ah@GZGh@OXGNCT@NBD@HBLHHFHFf@f@`@`@LJPFRJRH\\DZDXBZ@d@AZA\\Cp@SzAe@l@WjAg@^MHAH@D@JDFBDDDBBDBB@DBF@HBJ@D@L?D?FABADCHCBEBGDcCp@c@NkAj@mBt@YJ]FWBSBo@BQ@WFUDSFOBWJSDKDKJGHENELCFCPCPG\\GVIPKRg@x@_@b@WZ]ZaAv@QJYHs@VKBKDGBMFCFAF?F@D?F@H\\v@@H?JGf@Kl@Oh@CFCJBJHb@DH@H?HCLEHCJGFGJKJIHKDKBM?GCEEQQWYOMUKKCEAI@I@UJSLm@r@[`@KJIHEHADAB?JBHDJJPRVHR?LCHGH_@TaAZiAf@OJGL@PBPHXHZFTBRCXGRELGPOFWDSE[GWGWEi@C[@]BKBYLs@^qAr@kBjAQLs@l@");
var decodedLevels = decodeLevels("BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB");
var setRegion = new google.maps.Polyline({
path: decodedPath,
levels: decodedLevels,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2,
map: map
});
}
function decodeLevels(encodedLevelsString) {
var decodedLevels = [];
for (var i = 0; i < encodedLevelsString.length; ++i) {
var level = encodedLevelsString.charCodeAt(i) - 63;
decodedLevels.push(level);
}
return decodedLevels;
}
</script>
</head>
<body...