[Mitch Wilson]

I was wondering if you could let me know what the php hook or code is to call the Google Map for the Card > card-single.php template page. After setting up the child template (with some customizations), I couldn’t find where the map will be displayed on the page.

Thanks!
Mitch

[Steven Zahm]

@ Mitch

The Default Card template does not display map. The function name is, but, it also requires a bit of javascript to initiate the HTML output with the Google Maps API. Without it, the function will not appear to display anything. Not sure it’ll help, but here’s the function name:

$entry->getMapBlock();

[Mitch Wilson]

Ok thank you. I will see if we can figure it out! :)

[Mitch Wilson]

Sorry, I meant to ask this in my previous reply: Would you be able to provide the necessary JavaScript to initiate the google map for the Default Card template?

Thanks,
Mitch

[Steven Zahm]

@ Mitch

Here’s the javascript for the Tile Plus template for the map. You’ll need to small mods it to work, but it is pretty much all that’s needed.

jQuery(document).ready(function ($) {

    $('#cn-tile-plus .cn-category-select.cn-enhanced-select').chosen();

    // Render map on single entry page
    var cnSingleMap = $('#cn-gmap-single').length ? $('#cn-gmap-single') : false;

    if ( cnSingleMap != false ) {
        var fLatitude = 0;
        var fLongitude = 0;
        var uuid = cnSingleMap.attr('data-gmap-id');
        var strAddress = $( '#map-' + uuid ).attr('data-address');
        var strMapType = $( '#map-' + uuid ).attr('data-maptype');
        var intZoom = parseInt( $( '#map-' + uuid ).attr('data-zoom') );

        if ( $('#map-' + uuid ).attr('data-latitude') ) fLatitude = parseFloat( $( '#map-' + uuid ).attr('data-latitude' ) );
        if ( $('#map-' + uuid ).attr('data-longitude') ) fLongitude = parseFloat( $( '#map-' + uuid ).attr('data-longitude') );

        if ( fLatitude == 0 && fLatitude == 0 ) {

            $( '#map-' + uuid ).goMap({
                markers: [ { address: '\'' + strAddress + '\'' } ] ,
                zoom: intZoom,
                maptype: strMapType
            });

        } else {

            $( '#map-' + uuid ).goMap({
                markers: [ { latitude: fLatitude , longitude: fLongitude } ] ,
                zoom: intZoom,
                maptype: strMapType
            });

        }

    }

});

[Mitch Wilson]

Ok great! Thanks!

[Mitch Wilson]

Hm, I figured the Javascript would be easier to mod than i thought (figuring i would just have to change the divs being called). However I have not been able to get it to “initialize”. Would you be able to provide an updated version of that JavaScript tailoring it for the Default Card template? Or at least tell me what needs to be updated for it?

Also, we purchased the Template PRO pack as well and are looking forward to testing.

Thanks!
Mitch

[Steven Zahm]

@ Mitch

I’d have to look, but, I think the only line you would need to change is this one:

var cnSingleMap = $('#cn-gmap-single').length ? $('#cn-gmap-single') : false;

You would have to change the id selector #cn-gmap-single.

You should probably remove this line too:

$('#cn-tile-plus .cn-category-select.cn-enhanced-select').chosen();

Make sure you keep an eye on the browser’s console so you can see any javascript errors that may be occurring.

[Steven Zahm]

@ Mitch

I do offer customization services if your interested. Please use the contact link at the very bottom of the page.

[Author]

Posts