Playground: Testing Google Maps API on JSFiddle |
HTML
<script src="https://www.quickbase.com/db/bfx7sqpm8?a=dbpage&pagename=jsapi.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Info windows</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(49.1992261, 16.6248572);
var mapOptions = {
zoom: 15,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var contentString1 = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">IReHouse</h1>'+
'<div id="bodyContent">'+
'<br/>'+
'<p><b>IReHouse</b>, je hezký domůvek.</p>'+
'</div>'+
'</div>';
var contentString2 = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading" class="firstHeading">U poslední zastávky</h1>'+
'<div id="bodyContent">'+
'<br/>'+
'<p><b>U poslední zastávky</b>, je krásný domůvek...</p>'+
'</div>'+
'</div>';
var myLatlng1 = new google.maps.LatLng(49.1992261, 16.6248572);
var myLatlng2 = new google.maps.LatLng(49.1976486, 16.6308986);
var infowindow1 = new google.maps.InfoWindow({
content: contentString1
});
var marker1 = new google.maps.Marker({
position: myLatlng1,
map: map,
title: 'IReHouse'
});
google.maps.event.addListener(marker1, 'click', function() {
infowindow1.open(map,marker1);
});
var infowindow2 = new google.maps.InfoWindow({
content: contentString2
});
var marker2 = new...