Page MenuHomePhabricator
Files F926260

typ-ypmap.html.twig
No OneTemporary
Actions

typ-ypmap.html.twig
View Options

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>แผนที่</title>
<!-- Google Map API -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>var jQuery_1_1_3 = $.noConflict(true);</script>
<script src="https://maps.googleapis.com/maps/api/js?language=th&key=AIzaSyDC0YkSE1985EKtSMMlczky7zORmSQtn6Y"></script>
<style type="text/css">
#map-canvas{
/*width: "<?=$height?>px"; height: "<?=$width?>"; */
width: "{{ width }}px";
height: "{{ height }}";
}
</style>
<script type="text/javascript">
var map;
// jQuery_1_1_3(".zoom", window.parent.document).hide();
function initialize(){
// alert("Tab Show Arealdy");
google.maps.event.trigger(map, 'resize');
var center = new google.maps.LatLng({{latitude}},{{longitude}});
map.setCenter(center);
//jQuery_1_1_3("#map-canvas").after(btt);<a target='_blank' href='https://www.google.co.th/maps/search/<?=$latitude?>,<?=$longitude?>'>Zoom</a>");
}
function loadMap() {
// alert("Load Map");
// alert(jQuery_1_1_3('ul#company-tab li').length);
jQuery_1_1_3("#mapClick").remove();
jQuery_1_1_3( "#map-canvas" ).animate(
{height: {{height}}}, 200, function() {
initialize();
}
);
var mapOptions = {
zoom: 15,
center: new google.maps.LatLng({{latitude}},{{longitude}})
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
var marker = new google.maps.Marker({
position: new google.maps.LatLng({{latitude}},{{longitude}}), map: map, icon:"{{ LandingPage_URL }}/images/map_pointer.png"
});
}
</script>
</head>
<style type="text/css">
*{padding:0;margin:0;}
</style>
{% if latitude||longitude %}
<body {% if bypass %} onload='loadMap();' {% endif %} >
<div id="map-canvas">
{%if bypass %}
<a id="mapClick" href="#" onclick="loadMap(); return false;">
<img class="google_map_mobile"width="100%" src="/modules/typ/typ_profile/digital-map-610x340.jpg">
</a>
{% endif %}
</div>
</body>
{% endif %}
</html>

File Metadata

Mime Type
text/html
Expires
Sun, May 19, 10:04 AM (1 d, 23 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
164287

Event Timeline