<!DOCTYPE html>
<html>
<head>
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<meta charset="utf-8">
<title>SHOW MAP IN JQURYUI DIALOG POPUP By Deawx</title>
</head>
<body>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script type="text/javascript">
$(function () {
$("#btnShow").click(function () {
$("#dialog").dialog({
modal: true,
title: "Google Map By Deawx",
width: 600,
hright: 450,
buttons: {
Close: function () {
$(this).dialog('close');
}
},
hide: 'fold',
show: 'blind', //bounce
open: function () {
var mapOptions = {
center: new google.maps.LatLng(15.11544363118582, 104.32016372680664),
zoom: 13,
panControl: false,
zoomControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map($("#dvMap")[0], mapOptions);
}
});
});
});
</script>
<input id="btnShow" type="button" value="แสดงแผนที่" />
<div id="dialog" style="display: none">
<div id="dvMap" style="height: 370px; width: 570px;">
</div>
</div>
</body>
</html>
Load balance : Server 01
