2017-09-19 6 views
0

私は座標点が少ないアプリケーションで作業していますが、中心点を取得できません。誰も助けることができますか?私は手動でGMapsが動作していない

EDITセンターを送信した場合、それは動作します

<div id="mymap"></div> 



<script type="text/javascript"> 
     function initMap() { 
    var locations = <?php print_r(json_encode($hospitalmap)) ?>; 




    var mymap = new GMaps({ 
     el: '#mymap', 
     lat: mymap.getCenter().lat(), 
     lng: mymap.getCenter().lng(), 
     zoom:13 
    }); 
    //gMap.setCenter(new google.maps.LatLng(-6.2598513, 106.6160752)); 

    $.each(locations, function(index, value){ 
     mymap.addMarker({ 
      lat: value.HospitalLatitude, 
      lng: value.HospitalLongitude, 
      title: value.HospitalName, 
      click: function(e) { 
      alert('This is '+value.HospitalName+'.'); 
      } 
     }); 
    }); 

    } 

    </script> 

PS:これは私のコードである私は、この

var bounds = new google.maps.LatLngBounds(); 

    var mymap = new GMaps({ 
     el: '#mymap', 

     zoom:13 
    }); 


    $.each(locations, function(index, value){ 
     mymap.addMarker({ 
      lat: value.HospitalLatitude, 
      lng: value.HospitalLongitude, 
      title: value.HospitalName, 
      click: function(e) { 
      alert('This is '+value.HospitalName+'.'); 
      } 
     }); 
     bounds.extend(marker.position); 
    } 

    );map.fitBounds(bounds); 

    } 

    </script> 

へのRohitのガイドと一緒にそれを変更しようとした、まだ現時点では動作しません。助けてください!

HERESにデータサンプル:

var locations = [ 
{"HospitalID":2,"HospitalName":"RS Bethsaida","HospitalDesc":"","HospitalClass":"A","HospitalAddress":"Curug Sangereng, Kelapa Dua, Tangerang, Banten","HospitalPhone":"02183929302","HospitalEmail":"[email protected]","HospitalLatitude":"-6.254463","HospitalLongitude":"106.622776","Balance":"5250007","Active":"1","LoginMethod":null,"AcceptedBy":null,"AcceptedDate":null,"CreatedBy":"5","CreatedDate":"2017-08-01 00:00:00","ModifiedBy":"5","ModifiedDate":"2017-08-03 00:00:00"}, 
{"HospitalID":3,"HospitalName":"RS Mayapada","HospitalDesc":"","HospitalClass":"A","HospitalAddress":"Modernland, Jl. Honoris Raya Kav. 6, Kelapa Indah, Klp. Indah, Kec. Tangerang, Kota Tangerang, Banten","HospitalPhone":"02100001920","HospitalEmail":"[email protected]","HospitalLatitude":"-6.204981","HospitalLongitude":"106.641538","Balance":"0","Active":"1","LoginMethod":null,"AcceptedBy":null,"AcceptedDate":null,"CreatedBy":"5","CreatedDate":"2017-08-01 00:00:00","ModifiedBy":"5","ModifiedDate":"2017-08-03 00:00:00"}]; 
+0

私はhttps://stackoverflow.com/questions/10268033/google-maps-api-v3-method-fitboundsおよびドキュメンテーションのためには、HTTPSを参照してくださいfitboundsは、サーバー、あなたの目的は、これをチェックすることができたとします。 //developers.google.com/maps/documentation/javascript/reference –

+0

@RohitAilaniさんの返信に感謝しますが、自分のコードに基づいてサンプルコードを教えていただけますか?ありがとう! – Cookie

答えて

0

今すぐ下の作業のサンプルでは、​​あなたのPHPコードで場所を交換し、これがうまく機能を期待することができます。

<script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type='text/javascript' src="https://maps.google.com/maps/api/js?key=AIzaSyD95RyzZ5IEngrkYckzqRMAwyCZ7-eezMw"></script> 
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/gmaps.js/0.4.24/gmaps.js"></script> 
<div id="map">dfas</div> 
<style> 
#map { 

     width: 98%; 
     height: 600px; 
     margin-bottom:50px; 
     margin-left:15px; 
    } 
</style> 
<script type='text/javascript'> 

function initMap() { 
var locations = [ 
{"HospitalID":2,"HospitalName":"RS Bethsaida","HospitalDesc":"","HospitalClass":"A","HospitalAddress":"Curug Sangereng, Kelapa Dua, Tangerang, Banten","HospitalPhone":"02183929302","HospitalEmail":"[email protected]","HospitalLatitude":"-6.254463","HospitalLongitude":"106.622776","Balance":"5250007","Active":"1","LoginMethod":null,"AcceptedBy":null,"AcceptedDate":null,"CreatedBy":"5","CreatedDate":"2017-08-01 00:00:00","ModifiedBy":"5","ModifiedDate":"2017-08-03 00:00:00"}, 
{"HospitalID":3,"HospitalName":"RS Mayapada","HospitalDesc":"","HospitalClass":"A","HospitalAddress":"Modernland, Jl. Honoris Raya Kav. 6, Kelapa Indah, Klp. Indah, Kec. Tangerang, Kota Tangerang, Banten","HospitalPhone":"02100001920","HospitalEmail":"[email protected]","HospitalLatitude":"-6.204981","HospitalLongitude":"106.641538","Balance":"0","Active":"1","LoginMethod":null,"AcceptedBy":null,"AcceptedDate":null,"CreatedBy":"5","CreatedDate":"2017-08-01 00:00:00","ModifiedBy":"5","ModifiedDate":"2017-08-03 00:00:00"}]; 
var map; 
var bounds = new google.maps.LatLngBounds(); 
map = new GMaps({ 
    el: '#map', 
    lat: -6.254463, 
    lng: 106.622776 
    }); 

    $.each(locations, function(index, value){ 
    map.addMarker({ 
     lat: parseFloat(value.HospitalLatitude), 
     lng: parseFloat(value.HospitalLongitude), 
     title: value.HospitalName, 
     click: function(e) { 
     alert('This is '+value.HospitalName+'.'); 
     } 
    }); 
    bounds.extend({lat: parseFloat(value.HospitalLatitude), lng: parseFloat(value.HospitalLongitude)}); 

    }); 
    map.fitBounds(bounds); 
} 
initMap(); 
</script> 

おかげ

+0

これはまだ動作しませんが、私は試しにフィドルを再投稿しました:)返信のためにもう一度お返事します – Cookie

+0

フィドルへのリンクはどこですか? –

+0

申し訳ありませんが、ここではhttps://jsfiddle.net/7qznzuy8/ – Cookie

関連する問題