JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false&language=no">
</script>
<script type="text/javascript">
function initialize() {
geoLocate(function(pos) {
var myLatlng = new google.maps.LatLng(pos.latt, pos.long);
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
'latLng': myLatlng
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var content = '<div id="content">' +
'<div id="siteNotice">' +
'<h2 id="firstHeading" class="firstHeading">Me har vørte funni deg!</h2>' +
'<div id="bodyContent">' +
'<p>' + results[0].formatted_address + '</p>' +
'</div>' + '</div>';
var infowindow = new google.maps.InfoWindow({
content: content
});
var mapOptions = {
center: myLatlng,
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Me har vørte funni deg!"
});
...