<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
  return t;
}(document, "script", "twitter-wjs"));</script>


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
<script src="../../../plugin/ajaxgoogleapis/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!--<script src="../../../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>-->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../../plugin/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>
<script type="text/javascript" src="../../control/include/function.js"></script>
<script type="text/javascript" src="../../control/include/searchlike.js"></script>
<link href="../../../plugin/Fullscreen-Loading/src/css/HoldOn.css" rel="stylesheet" type="text/css">
<script src="../../../plugin/Fullscreen-Loading/src/js/HoldOn.js"></script>
<script type="text/javascript" src="../../../plugin/jQuery-Mask-Plugin-master/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
<script type="text/javascript" src="../../../plugin/bootstrapvalidator-master/dist/js/bootstrapValidator.js"></script>
<script src="../../../plugin/sweetalert-master/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../../plugin/sweetalert-master/dist/sweetalert.css">
<script type="text/javascript" src="../../control/include/fnmain.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCyGMUv0DVriduhtdt6sKb5IEAbdvYj-4E&callback=myMap"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<?php
if(!$row_sh['gmap_latitude'] == '' &&  !$row_sh['gmap_longitude'] == '')
{
	?>
    <script type="text/javascript">
	var locations =
		[
			['<?php echo $row_sh['nameShop']; ?>',<?php echo $row_sh['gmap_latitude']; ?>,<?php echo $row_sh['gmap_longitude']; ?>,
			'http://icons.iconarchive.com/icons/graphicloads/100-flat/24/location-icon.png', 1]
		];
	var map = new google.maps.Map(document.getElementById('googleMap'), {
	zoom: 12,
	center: new google.maps.LatLng(<?php echo $row_sh['gmap_latitude']; ?>,<?php echo $row_sh['gmap_longitude']; ?>),
	mapTypeId: google.maps.MapTypeId.ROADMAP
	});
	var infowindow = new google.maps.InfoWindow();
	var marker, i;
	for (i = 0; i < locations.length; i++)
	{
		marker = new google.maps.Marker({
		position: new google.maps.LatLng(locations[i][1], locations[i][2]),
		map: map,
		icon: locations[i][3]
	});

	google.maps.event.addListener(marker, 'click', (function(marker, i) {
	return function()
	{
	 infowindow.setContent(locations[i][0]);
	 infowindow.open(map, marker);}})(marker, i));
	}
	</script>
	<?php
}
?>






  </body>
</html>