<div id="gmap" class="mapblock">
<?php
$make_address = get_post_meta($post->ID, 'cp_street', true);
?>
<script type="text/javascript">var address = "<?php echo esc_js($make_address); ?>";</script>
<?php cp_google_maps_js(); ?>
<!-- google map div -->
<div id="map"></div>
</div>
<?php
// Google map on single page
function cp_google_maps_js() {
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($) {
$('#map').hide();
load();
$('#map').fadeIn(1000)
codeAddress();
});
//var directionDisplay;
//var directionsService = new google.maps.DirectionsService();
var map = null;
var geocoder = null;
var fromAdd;
var toAdd;
var redFlag = "<?php echo get_bloginfo('template_directory') ?>/images/red-flag.png";
var shadow = "<?php echo get_bloginfo('template_directory') ?>/images/red-flag-shadow.png";
var noLuck = "<?php echo get_bloginfo('template_directory') ?>/images/gmaps-no-result.gif";
//var title = "<?php esc_js(the_title()); ?>";
var contentString = '<div id="mcwrap"><span><?php esc_js(the_title()); ?></span><br />' + address + '</div>';
function load() {
geocoder = new google.maps.Geocoder();
//directionsDisplay = new google.maps.DirectionsRenderer();
var address = new google.maps.LatLng(18.245003,-66.401825);
var myOptions = {
zoom: 14,
center: address,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
}
map = new google.maps.Map(document.getElementById('map'), myOptions);
//directionsDisplay.setMap(map);
}
function codeAddress() {
geocoder.geocode( { 'address': address }, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter();
var marker = new google.maps.Marker({
map: map,
icon: redFlag,
shadow: shadow,
//title: title,
animation: google.maps.Animation.DROP,
position: results[0].geometry.location
});
var infowindow = new google.maps.InfoWindow({
maxWidth: 270,
content: contentString,
disableAutoPan: false
});
infowindow.open(map, marker);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
} else {
(function($) {
$('#map').append('<div style="height:400px;background: url(' + noLuck + ') no-repeat center center;"><p style="padding:50px 0;text-align:center;"><?php echo esc_js(__('Sorry, the address could not be found.', 'appthemes')); ?></p></div>');
return false;
})(jQuery);
}
});
}
function showAddress(fromAddress, toAddress) {
calcRoute();
calcRoute1();
}
function calcRoute() {
var start = document.getElementById("fromAdd").value;
var end = document.getElementById("toAdd").value;
var request = {
origin: start,
destination: end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
//]]>
</script>
<?php
}
?>
There are currently 1 users browsing this thread. (0 members and 1 guests)
Reply With Quote