在脚本谷歌地图中更新没有刷新页面的数据

时间:2016-06-10 07:31:28

标签: javascript jquery codeigniter google-maps

我在没有刷新页面的情况下更新数据有问题。 我使用CodeIgniter来开发我的系统。

我在谷歌地图上的每个点(标记)的信息窗口中都有“更新waktu”按钮。

这是选择信息窗口

pick info windows button "update waktu"

这是我查看谷歌地图的代码

var lokasi_cust = [<?php       
            foreach($all_cust as $coord){
            echo'
            ["<ul class=\"list-group\">"+
            "<li class=\"list-group-item\"><b><center>Info Customer</b></center></li>"+ 
            "<li class=\"list-group-item\">Nomor : '.$coord->id.'</li>"+    
            "<li class=\"list-group-item\">Nama Tempat : '.$coord->nama_tempat.'</li>"+     
            "<li class=\"list-group-item\">Alamat : '.$coord->nama_jalan.', No '.$coord->no_rumah.', <br>'.$coord->kelurahan.', '.$coord->kecamatan.', '.$coord->kota.'</li>"+
            "<li class=\"list-group-item\"><pre>Estimasi jarak: '.$coord->jarak.', <br>Estimasi waktu: '.$coord->waktu.'</pre></li>"+
            "<li class=\"list-group-item\"><pre><a href=editwaktu?id='.$coord->id.'&&lat='.$coord->lat.'&&lng='.$coord->lng.'>Update Waktu</a></pre></li>"+
            "</ul>",'.$coord->lat.', '.$coord->lng.'],';
            }
            ?>        
            ];                      

            //Marker untuk lokasi customer
            var marker_cust, y;

            for (y = 0; y < lokasi_cust.length; y++) {  
            marker_cust = new google.maps.Marker({
            position: new google.maps.LatLng(lokasi_cust[y][1], lokasi_cust[y][2]),
            map: map,
            icon:'<?php echo base_url();?>assets/icon/cust.png'
            });

            //Info Window untuk marker customer
            google.maps.event.addListener(marker_cust, 'click', (function(marker_cust, y) {
            return function() {
            infowindow.setContent(lokasi_cust[y][0]);
            infowindow.open(map, marker_cust);
            }
            })(marker_cust, y));    
            markers.push(marker_cust);
            }       

            function showmarker(id,latx,lngy){
            $('html, body').animate({
            scrollTop: $("#map-header").offset().top
            }, 1000);       

            var coord = new google.maps.LatLng(latx, lngy);
            map.setCenter(coord);   

            google.maps.event.trigger(markers[id], 'click');
            }

这是按钮“update waktu”按下时的代码:

function editwaktu()
{
    $id_cust=(int)$_GET['id'];
    $lat_cust=$_GET['lat'];
    $lng_cust=$_GET['lng'];

    $urlDistanceMatrix = "https://maps.googleapis.com/maps/api/distancematrix/json?origins=-7.7782792,110.3651149&destinations=$lat_cust,$lng_cust&mode=driving&departure_time=now&traffic_model=pessimistic&avoid=highways&key=KEY";
    $jsonUrlDistanceMatrix = file_get_contents($urlDistanceMatrix, false);
    $jsonDistanceMatrix = json_decode($jsonUrlDistanceMatrix, true);
    $waktu = $jsonDistanceMatrix['rows'][0]['elements'][0]['duration_in_traffic']['text'];

    $insert = array();
    $insert['waktu'] = $waktu;

    $this->bidashboard_model->update_waktu($insert, $id_cust);}

我想当按钮“更新waktu”按下信息窗口将更新数据“estimasi waktu”没有刷新页面。请帮我.. 三江源...

0 个答案:

没有答案