Question

I need a google map module in my site.The map should shown according to the postcotcode.the postcode will automatically convert to its address/latitude & longitude.

Answer 1

Well I did that in PHP .. Please find the code .. do an AJAX call and that will return latitude and longitude .. like

$address = $this->input->post('address');
        $output = array();

        $address = str_replace(" ", "+", $address);
        $region = "IND";
        $json = file_get_contents("http://maps.google.com/maps/api/geocode/json?address=$address&sensor=false&region=$region");

        $json = json_decode($json);

        if (!empty($json->{'results'}[0]->{'geometry'}->{'location'}->{'lat'})) {
            $output['latitude'] = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lat'};

            $output['longitude'] = $json->{'results'}[0]->{'geometry'}->{'location'}->{'lng'};


return $output;
        }

Then set place with the returned latitude & longitude with google map API

//var latlng = new google.maps.LatLng(-104.017031, 15.373535);
       var latlng = new google.maps.LatLng(latitude,longitude);
        var map = new google.maps.Map(document.getElementById('map'), {
        center: latlng,
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });


     var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: 'Set lat/lon values for this property',
         raiseOnDrag: true,
        draggable: true
    });
    google.maps.event.addListener(marker, 'dragend', function(a) {
        console.log(a);

        $('#latitude').val(a.latLng.lat().toFixed(4));
        $('#longitude').val(a.latLng.lng().toFixed(4));

       // var div = document.createElement('div');
       // div.innerHTML = a.latLng.lat().toFixed(4) + ', ' + a.latLng.lng().toFixed(4);
       // document.getElementsByTagName('body')[0].appendChild(div);
    });

Please include google map.js file in your page

Hope this helps