Your IP : 216.73.216.209
<?php
defined('_JEXEC') or die( 'Restricted access' );
class JFormFieldMap extends JFormField
{
var $_name = 'Map';
function getInput()
{
return $this->fetchElement($this->element['name'], $this->value, $this->element, $this->name);
}
function fetchElement($name, $value, &$node, $control_name)
{
$data = $this->form->getValue('params');
$moduleParams = new JRegistry($data);
//$longlat = $moduleParams->get('latitude', '');
ob_start();
?>
<div style="clear:both;"></div>
<style>
/* Bootstrap Css Map Fix*/
#map_canvas img,
.google-maps img,
.gm-style img {
max-width: none;
}
#googleMap img {
max-width: none;
}
/* Bootstrap Css Map Fix*/
#googleMap label {
width: auto; display:inline;
}
</style>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDqEFJTjKx6L-RpoT-nPiqTi1KJVJimH3I&sensor=false"></script>
<script>
var map;
var latitude = document.getElementById("jform_params_latitude").value;
var longitude = document.getElementById("jform_params_longitude").value;
var myCenter=new google.maps.LatLng(latitude, longitude);
function initialize()
{
var mapProp = {
center:myCenter,
zoom:13,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var marker=new google.maps.Marker({
position:myCenter,
draggable:true
});
marker.setMap(map);
google.maps.event.addListener(marker, 'dragend', function (event) {
document.getElementById("jform_params_latitude").value = event.latLng.lat();
document.getElementById("jform_params_longitude").value = event.latLng.lng();
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="googleMap" style="width: 100%; height:300px">
</div>
<?php
$content=ob_get_contents();
ob_end_clean();
return $content;
}
}