Home/ Questions/Q 8457979
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T12:57:15+00:00

I am working in joomla 2.5 and I have to create a module for

  • 0

I am working in joomla 2.5 and I have to create a module for Google map and using Google map api v2.

and I am using geocoder = new GClientGeocoder(); but it is now working

output image:- enter image description here

My html <div> tag

<div id="map_canvas" style="width: 800px; height:800px;"></div>

My script

<script>

    //<![CDATA[
    var map = null;
    var geocoder = null;

    function initialize() {

        if (GBrowserIsCompatible()) {

        //calls map to appear inside <div> with id, "map_canvas"
        map = new GMap2(document.getElementById("map_canvas"));

        //adds zoom and arrow controls to map


        geocoder = new GClientGeocoder();

        map.setMapType(G_SATELLITE_MAP);

        var allAddress = "Dubai~Abu Dhabi";
        var addresses = new Array();
        addresses = allAddress.split("~");  



        var curIndex = 0;

        function showAddress() {

          var _cur = addresses[curIndex];


          geocoder.getLatLng(
            _cur,
            function(point) {
            alert(_cur);
              if (!point) {
            alert(_cur + " not found");
              } else {
            alert(_cur+":"+point);


              }
              //do next after done
              curIndex++;
              if(curIndex<addresses.length)
            showAddress();
            }
          );
        }

        showAddress();
         }  
}
//]]>
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See below code and try it.

    I am using php static array you can connect your database and create array according your requirement. see the array below.

    <?php  $item = array('jaipur, rajasthan,india', 'udaipur, rajasthan,india'); ?>

    Below My Code Take a look.

    <html>
    <head>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyDwFjOazEAe1MI7nHV6vUwkWytOp8LH2Zk" type="text/javascript"></script>
    </head>
    <body onload="initialize();">
    <?php  $item = array('jaipur, rajasthan,india', 'udaipur, rajasthan,india'); ?>
    <script>
    var map = null;
    var geocoder = null;

    function initialize() {
            if (GBrowserIsCompatible()) {


                    map = new GMap2(document.getElementById("map_canvas"));
                    var addresses = ["<?php echo implode ('","', $item); ?>"]


                    var geocoder = new GClientGeocoder();
                    //var addresses = ["A II Z, Ibn Battuta Mall, Sheikh Zayed Road, 5th Interchange, Jebel Ali Village, Dubai","A. Testoni,Dubai Festival City Mall, Ground Floor, Dubai", "Abdulla Hussain Khunji, The Dubai Mall,Downtown, Abu Dhabi"];
                    var curIndex = 0;

                    function showAddress() {
                      var _cur = addresses[curIndex];
                      geocoder.getLatLng(
                        _cur,
                        function(point) {
                          if (!point) {
                            //alert(_cur + " not found");
                            //map.setCenter(new GLatLng(0, 0), 6);
                            //map.setUIToDefault();
                          } else {
                            //console.log(_cur+":"+point);
                            //alert(_cur);
                                    var cafeIcon = new GIcon(G_DEFAULT_ICON);

                                    // Set up our GMarkerOptions object
                                    markerOptions = { icon:cafeIcon };

                                    map.setCenter(point, 6);
                                    var marker = new GMarker(point, markerOptions);
                                    map.addOverlay(marker);

                                    var sales = new Array();
                                    sales = _cur.split("|");


                                    //Add click event on push pin to open info window on click of the icon
                                    GEvent.addListener(marker, "click", function() {
                                            marker.openInfoWindowHtml("<p class='para1bold' style=\"font-weight: bold;\">Address <br /><span class='para1' style='font-weight:normal;'>" + sales[1] + "</span></p>");
                                    });
                                    //Provides map,satellite,hybrid and terrain views in the map along with zoom control


                                    map.setUIToDefault();
                          }
                          //do next after done

                          curIndex++;

                          if(curIndex<addresses.length)
                            showAddress();
                        }
                      );
                    }
                    showAddress();
       }  
    }
    </script>
    <div id="map_canvas" style="width:100%; height:750px;"></div>
  </body> 
</html>
    • 0