HomePhabricator
Diffusion typ_profile (default) Browse

typ_profile/templates/typ-ypmap.html.twig
ec0e55bfd523default

Last Change
Raw File

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>#}
{% if latitude or longitude %}
<!-- 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?key=AIzaSyDC0YkSE1985EKtSMMlczky7zORmSQtn6Y&language=th"></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() {
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>
<body {% if bypass %} onload="loadMap()" {% endif %} >
<div id="map-canvas">
{% if not bypass %}
{#<a id="mapClick" href="#" onclick="loadMap(); return false;">#}
<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>
{#</html>#}
{% endif %}

Owner Packages

  • No Owners