Can somebody help me with google map view setup?

Brian,

the display of "numbers" is the MarkerClusterer functionality.

See an extensive explanation here

If you have only few markers, i would suggest to disable the MarkerClusterer in the map template configuration. (Enable clusterer --> No)

For MintJoomla:

**Btw, it would be good to provide 3 parameters to define the behaviour of the MarkerClusterer --> Zoomlevel, Clustersize and maybe ClusterStyle

**

The other 2 questions are just in discussion in other topic(s).

Hi Sackgesicht ,

Thanks million for your very quick response. I must appreciate for your time spending even in the weekend.Thanks once more time.

I disabled the clusterer, but now I dont see any mark on the map for all the records. Am I missing anything here?

Thanks

Biren

Brian,

please double check your "Icons set source folder:" settings in your geo field settings.

Your site gives an error when trying to locate the marker.

Double check your marker setting in the field settings and make sure that you copied your individual markers (if you want to use some) into the right folder.

Hi Sackgesicht ,

I now changed to google marker and still no luck. I can access the marker on the url as:

http://www.oriyaboard.com/dreamhomet/components/com_cobalt/fields/geo/markers/google/markerZ.png

But somehow the name is not caught by the program. Still struggling.

Brian

Did you resave the articles? It still shows the same error message ....

In your mal list template, disable "show marker loading" -- it just slows down the whole thing ...

You are a lifesaver, my friend. Yes it is working now.

if I need to show the streetviews in a tab and neighbourhood nearby places (for example if I need to show nearby school, nearby hospital etc etc) in the record full view, how can I do?

I am not sure if this is possible. It is hard to automatically detect nearby school or store. And street view have to be positioned also to initialize to look in front of building. I do not know how to make that to frank.

if I need to show the streetviews in a tab and neighbourhood nearby places (for example if I need to show nearby school, nearby hospital etc etc) in the record full view, how can I do?

is it possible to show an ajax address search field (like jreviews) in the cobalt module filter, where users will enter UK post code, address with google custom search?

Not exactly sure what you mean. Can you show a screenshot?

I am not sure if this is possible. It is hard to automatically detect nearby school or store. And street view have to be positioned also to initialize to look in front of building. I do not know how to make that to frank.

I have tried to get it done, but am stuck at one point. Let me explain what I did. I tried to use walkscore java script as done in the following url:

http://osproperty.ext4joomla.com/index.php/property/for-lease/Rodeway-Inn-Convention-Center.html

what I did is I created an HTML Field and inside there, I placed walkscore generated javascript. But the problem with this is the location/address field which is static. I just placed manually the address field (var ws_address = 'sm25he';)as below:

<script type='text/javascript'>

var ws_wsid = 'wsid';

var ws_address = 'sm25he';

var ws_width = '700';

var ws_height = '540';

var ws_layout = 'horizontal';

var ws_hide_footer = 'true';

var ws_commute = 'true';

var ws_transit_score = 'true';

var ws_show_reviews = 'true';

var ws_map_modules = 'default';

var ws_no_link_info_bubbles = 'true';

var ws_no_link_score_description = 'true';

</script><style type='text/css'>#ws-walkscore-tile{position:relative;text-align:left}#ws-walkscore-tile *{float:none;}#ws-

footer a,#ws-footer a:link{font:11px/14px Verdana,Arial,Helvetica,sans-serif;margin-right:6px;white-

space:nowrap;padding:0;color:#000;font-weight:bold;text-decoration:none}#ws-footer a:hover{color:#777;text-

decoration:none}#ws-footer a:active{color:#b14900}</style><div id='ws-walkscore-tile'></div><script type='text/javascript' 

src=' http://www.walkscore.com/tile/show-walkscore-tile.php '></script>

I have also another user input geo field in the same section/Type. The issue is I dont know how to get the address value from the geo field and place it inside the javascript. There may be a way to do thia. Once thiis is done, you can directly see the actual walkscore implemented inside template which changes as per user input, which is dynamic.

Any idea how to do?

Kind Regards

Brian

I am not sure how this script works but you can get address if you want or even lat/long from the field.

$item->fields_by_id[10]->value

Where 10 is an Id of the field ans value is an array of data. Just print_r it for details.

Hi Sergey,

Thanks for your quick reply.

Do you have any idea how can I call this inside the java script in html field?

fields_by_id[10]->value['address']['city']; ?> var ws_wsid = 'wsid'; var ws_address = ''; var ws_width = '700'; var ws_height = '540'; var ws_layout = 'horizontal'; var ws_hide_footer = 'true'; var ws_commute = 'true'; var ws_transit_score = 'true'; var ws_show_reviews = 'true'; var ws_map_modules = 'default'; var ws_no_link_info_bubbles = 'true'; var ws_no_link_score_description = 'true';

Somethign like this but you have to put it into te field template. To list template foe example

This is in list template

$address = $item->fields_by_id[10]->value['address']['city'];

In geo field template

$address = $this->value['address']['city'];

Hi Sergey,

Thanks for ur reply. I tried as suggested above, still no luck. I tried with TINYMce and CodeMirror and still no luck. This would be a great if I could implement this.

Brian

Thanks for ur reply. I tried as suggested above, still no luck. I tried with TINYMce and CodeMirror and still no luck. This would be a great if I could implement this.

this will not work in any HTML editor. You have to edit PHP fieles. Eitherr list template or geo field output template.

Please read more about this

this will not work in any HTML editor. You have to edit PHP fieles. Eitherr list template or geo field output template.

Let me work on it and then I will come back to you. I will also encourage others to use this as this is a greatway to show your customers neighbourhood locations to your customers near the location.

Hi Sergey,

As advised by you, I made changes to the php files in geo output template, but still had no luck.

Here is what I put in geo output template.

<?php 

$address = $item->fields_by_id[10]->value['address']['city']; 

?> 

<script type='text/javascript'> 

var ws_wsid = 'wsid'; 

var ws_address = '<?php $address ?>'; 

var ws_width = '700'; 

var ws_height = '540'; 

var ws_layout = 'horizontal'; 

var ws_hide_footer = 'true'; 

var ws_commute = 'true'; 

var ws_transit_score = 'true'; 

var ws_show_reviews = 'true'; 

var ws_map_modules = 'default'; 

var ws_no_link_info_bubbles = 'true'; 

var ws_no_link_score_description = 'true'; 

</script> 

<?php

/**

 * Cobalt by MintJoomla

 * a component for Joomla! 1.7 - 2.5 CMS ( http://www.joomla.org )

 * Author Website:  http://www.mintjoomla.com/ 

 * @copyright Copyright (C) 2012 MintJoomla ( http://www.mintjoomla.com ). All rights reserved.

 * @license GNU/GPL  http://www.gnu.org/copyleft/gpl.html 

 */

defined('_JEXEC') or die();

$out = $contacts = $links = $address = array();

$client = ($client == 'list') ? 1 : 2;

$links = JFormFieldCgeo::getAditionalinks();

$contacts = JFormFieldCgeo::getAditionalFields();

$address = JFormFieldCgeo::getAddressFields();

$app = JFactory::getApplication();

$address = $this->value['address']['city']; 

if($this->request->get('func') == 'onInfoWindow')

{

    $this->params->set('params.map_view',0);

}

if(in_array($this->params->get('params.adr_view'), $this->user->getAuthorisedViewLevels())):?>

    <?php if(! empty($this->value['address'])):

        $a = array();

        ArrayHelper::clean_r($this->value['address']);

        foreach($this->value['address'] as $name => $link)

        {

            if($name == 'country')

            {

                $this->value['address'][$name] = $this->_getcountryname($link);

            }

            if(! in_array($this->params->get("params.address.{$name}.show", 3), array($client, 3)))

                unset($this->value['address'][$name]);

        }

        if(! empty($this->value['address']['company']))

        {

            $a[] = '<strong>' . $this->value['address']['company'] . '</strong><br>';

            $mecard['n'] = 'N:' . $this->value['address']['company'];

            unset($this->value['address']['company']);

        }

        elseif(! empty($this->value['address']['person']))

        {

            $a[] = '<strong>' . $this->value['address']['person'] . '</strong><br>';

            $mecard['n'] = 'N:' . $this->value['address']['person'];

            unset($this->value['address']['person']);

        }

        if(! empty($this->value['address']))

        {

            $this->value['address'] = array_reverse($this->value['address']);

            $a[] = implode(", ", $this->value['address']);

            $mecard[] = 'ADR:' . implode(", ", $this->value['address']);

        }

    endif;

    if(! empty($this->value['contacts'])):

        $c = array();

        ArrayHelper::clean_r($this->value['contacts']);

        foreach($this->value['contacts'] as $name => $contact)

        {

            if(empty($contacts[$name])) continue;

            if(! in_array($this->params->get("params.contacts.{$name}.show", 3), array($client, 3)))

                continue;

            $text = $contact;

            if(! empty($contacts[$name]['patern']))

            {

                $text = str_replace(array('[VALUE]', '[NAME]'), array($contact,    JText::_($contacts[$name]['label'])), $contacts[$name]['patern']);

            }

            $c[] = '<abbr title="'.JText::_($contacts[$name]['label']).'" rel="tooltip" data-original-title="'.JText::_($contacts[$name]['label']).'">

                <img src="'.str_replace(array('[VALUE]', '[NAME]'), array($contact, JText::_($contacts[$name]['label'])), $contacts[$name]['icon']).'">

                 '.JString::substr(JText::_($contacts[$name]['label']), 0, 1).':</abbr> '.$text;

        }

    endif;

    if(! empty($this->value['links'])) :

        $l = array();

        ArrayHelper::clean_r($this->value['links']);

        foreach($this->value['links'] as $name => $link)

        {

            if(! in_array($this->params->get("params.links.{$name}.show", 3), array($client,  3)))

                continue;

            if(in_array(trim($link), array('http://', 'http:')))

                continue;

            $l[] = '<abbr title="'.JText::_($links[$name]['label']).'" rel="tooltip" data-original-title="'.JText::_($links[$name]['label']).'">

                <img src="'.$links[$name]['icon'].'">'.JString::substr(JText::_($links[$name]['label']), 0, 1).':</abbr>

                <a rel="nofollow" target="_blank" href="'.$link.'">'.($this->params->get('params.links_labels') ?  $link : JText::_($links[$name]['label'])).'</a>';

        }

        ?>

    <?php endif; ?>

    <?php if($a || $c || $l):  ?>

        <address>

            <?php if($a): ?>

                <?php echo implode("\n", $a);?>

                <br><br>

            <?php endif;?>

            <?php if($c): ?>

                <?php echo implode("<br>", $c);?>

                <br>

            <?php endif;?>

            <?php if($l): ?>

                <?php echo implode("<br>", $l);?>

            <?php endif;?>

        </address>

    <?php endif;?>

<?php endif;

if(in_array($this->params->get('params.qr_code_address'), array($client, 3))):

    $w = $this->params->get('params.qr_width_address', 250);

    if(! empty($this->value['contacts']['mob']))

    {

        $mecard[] = 'TEL:' . $this->value['contacts']['mob'];

    }

    elseif(! empty($this->value['contacts']['tel']))

    {

        $mecard[] = 'TEL:' . $this->value['contacts']['tel'];

    }

    elseif(! empty($this->value['contacts']['fax']))

    {

        $mecard[] = 'TEL:' . $this->value['contacts']['fax'];

    }

    if(! empty($this->value['links']['web']))

    {

        $mecard['url'] = 'URL:' . $this->value['links']['web'];

    }

    elseif(! empty($this->value['links']['facebook']))

    {

        $mecard['url'] = 'URL:' . $this->value['links']['facebook'];

    }

    elseif(! empty($this->value['links']['twitter']))

    {

        $mecard['url'] = 'URL:' . $this->value['links']['twitter'];

    }

    elseif(! empty($this->value['links']['google']))

    {

        $mecard['url'] = 'URL:' . $this->value['links']['google'];

    }

    elseif(! empty($this->value['links']['youtube']))

    {

        $mecard['url'] = 'URL:' . $this->value['links']['youtube'];

    }

    if(empty($mecard['url']) && ! empty($this->value['links']))

    {

        $mecard['url'] = 'URL:' . array_shift($this->value['links']);

    }

    if($mecard['url'] == 'URL:http://')

    {

        unset($mecard['url']);

    }

    if(!empty($mecard) && $this->email)

    {

        $mecard[] = 'EMAIL:' . $this->email;

    }

    if(!empty($mecard)) :

        $url = ' http://chart.apis.google.com/chart?cht=qr& ;chs=' . $w . 'x' . $w . '&chl=MECARD:' . implode(';', $mecard) . ';;';

        ?>

        <div class="qr-image qr-image-address"><?php echo JHtml::image($url, JText::_('G_ADDRESSQR'), array('width' => $w, 'height' => $w));?></div>

    <?php endif;?>

<?php endif;

if(in_array($this->params->get('params.map_client'), array($client, 3)) 

    && in_array($this->params->get('params.map_view'), $this->user->getAuthorisedViewLevels()) 

    && !empty($this->value['position']['lat']) && !empty($this->value['position']['lng'])) :

    $params = new JRegistry($this->value['position']);

    list($icon_w, $icon_h, $icon) = $this->getMarker();

    $icon_m = round($icon_w / 2);

    ?>

    <?php echo $this->_title(JText::_('G_MAP'), $client);?>

    <style>

        #map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?> label { width: auto; display:inline; }

        #map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?> img { max-width: none; }

    </style>

    <div id="map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?>" style="width:<?php echo $this->params->get('params.map_dwidth', '100%');?>; height:<?php echo $this->params->get('params.map_dheight', '200px');?>"></div>

    <script type="text/javascript">

    function initialize_<?php echo $record->id;?>_<?php echo $this->id;?>()

    {

        var msize = new google.maps.Size(<?php echo $icon_w;?>,<?php echo $icon_h;?>);

        var mpoint = new google.maps.Point(<?php echo $icon_m;?>,<?php echo $icon_h;?>);

        var markerIcon = new google.maps.MarkerImage('<?php echo $icon;?>', msize, new google.maps.Point(0,0), mpoint);

        var myLatlng = new google.maps.LatLng(<?php echo $params->get('lat');?>, <?php echo $params->get('lng');?>);

        var map<?php echo $record->id.$this->id;?> = new google.maps.Map(document.getElementById("map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?>"), {zoom:<?php echo $params->get('zoom', 15);?>,center:myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, draggable:0, scrollwheel:0});

    <?php if($this->params->get('params.map_style')):?>

        var mapStyle = <?php echo JFile::read(JPATH_ROOT . DIRECTORY_SEPARATOR . 'components/com_cobalt/library/js/mapstyles/' . $this->params->get('params.map_style'));?>;

        map<?php echo $record->id.$this->id;?>.setOptions({styles: mapStyle});

    <?php endif; ?>

        new google.maps.Marker({position: myLatlng, map: map<?php echo $record->id.$this->id;?>, icon: markerIcon});

        var id = jQuery('#map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?>').parents('div.tab-pane').attr('id');

        if(id) {

            jQuery('a[href*="' + id + '"]').one('click', function(){

                setTimeout(function(){

                    google.maps.event.trigger(map<?php echo $record->id.$this->id;?>, 'resize');

                    map<?php echo $record->id.$this->id;?>.setCenter(myLatlng);

                }, 100);

            });

        }

        jQuery('#map_canvas_<?php echo $record->id;?>_<?php echo $this->id;?>').one('mouseenter', function(){

            setTimeout(function(){

                google.maps.event.trigger(map<?php echo $record->id.$this->id;?>, 'resize');

                map<?php echo $record->id.$this->id;?>.setCenter(myLatlng);

            }, 100);

        });

        google.maps.event.addListenerOnce(map<?php echo $record->id.$this->id;?>, 'mouseover', function(event) {

            google.maps.event.trigger(map<?php echo $record->id.$this->id;?>, 'resize');

        });

    }

    initialize_<?php echo $record->id;?>_<?php echo $this->id;?>();

    </script>

<?php endif;

if(in_array($this->params->get('params.qr_code_geo'), array($client, 3)) && isset($this->value['position']['lat']) && isset($this->value['position']['lng']) && $this->value['position']['lat'] && $this->value['position']['lng']):

    $w = $this->params->get('params.qr_width_geo', 120);

    $url = ' http://chart.apis.google.com/chart?cht=qr& ;chs=' . $w . 'x' . $w . '&chl=geo:' . $this->value['position']['lat'] . ',' . $this->value['position']['lng'];

    ?>

    <div class="qr-image qr-image-geo"><?php echo JHtml::image($url, JText::_('G_LOCATIONQR'), array('width' => $w, 'height' => $w));?></div>

<?php endif;

Am I going to put in geo output template as well as inside /components/com_cobalt/views/record/tmpl/default_record_* file?

Sergey, This would be a great addition to your customers as this has got loads of map options, like street view, neightbourhood info etc etc... I am sure lots of people might have similar requirements. It would be good to integrate this in Cobalt.

Thanks

Brian

This is field output template. There you have to get

$address = $this->value['address']['city'];

This is field output template. There you have to get

$address = $this->value['address']['city'];

Sergey, I put that in output template, it still does not display. Do I need to put the java script inside JS folder? or inside the output template?

I think file you posted here is

fields/geo/output/default.php

This is good location. But not at very top of course you need to place it somewhere at the end of document.

Also piece of code you add does not do anything. So i do not know what you expend it to show. It only declare variables. In your earlier examples you have some HTMl and other JS code.

I am sure if you post your project on site something like Joomlancers.com you will quickly ind someone who will help.