マーカーがGoogleマップを読み込まない

データベースからマーカーを読み込もうとしていますが、マーカーが読み込まれません。しかし、手動でロードしようとすると動作します。マーカーがGoogleマップを読み込まない

var map; 
    function initialize(lt,lg) { 
    var mapDiv = document.getElementById('map-canvas'); 
    map = new google.maps.Map(mapDiv, { 
     center: new google.maps.LatLng(lt, lg), 
     zoom: 7, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
     <?php foreach ($position as $row) { ?> 
      $lat = $row['lat']; 
      $longi = $row['longi']; 
      var latLng = new google.maps.LatLng($lat,$longi); 
      new google.maps.Marker({ 
       position: latLng, 
       map: map 
      }) 
     <?php } ?> 
    } 
</script> 
</head> 
<body onload="initialize(-0.165343, 113.930935)"> 
<div id="map-canvas" style="width: 100%; height: 600px"></div>

私の制御下にこのコードは（手動座標入力）の作品であるmaps.php

function marker(){ 
    $post = $this->db->get('koor'); 
    return $post->result(); 
}

map.php

public function __construct(){ 
    parent::__construct(); 
    $this->load->model('maps'); 
} 

function index(){ 
    $data['position'] = $this->maps->marker(); 
    $this->load->view('include/header'); 
    $this->load->view('view_file', $data); 
    $this->load->view('include/footer'); 
}

私のモデルview_file.php私見。コントローラは上記と同じです。私は変更私のコードを試してみた

var map; 
    function initialize(lt,lg) { 
    var mapDiv = document.getElementById('map-canvas'); 
    map = new google.maps.Map(mapDiv, { 
     center: new google.maps.LatLng(lt, lg), 
     zoom: 7, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 
    marker(-0.735467, 110.521677); 
    marker(1.549480, 116.124705); 
    marker(-2.558367, 115.179880); 
    } 

    function marker(lt,lg){ 
     var latLng = new google.maps.LatLng(lt,lg); 
     var marker = new google.maps.Marker({ 
     position: latLng, 
     map: map 
     }); 
    } 
</script> 
</head> 
<body onload="initialize(-0.165343, 113.930935)"> 
<div id="map-canvas" style="width: 100%; height: 600px"></div>

は、似問題を捜索したが、何も、これは私のコードの最後の形状で、働きません。

$lat = $row['lat']; 
$longi = $row['longi'];

これはJavaScriptでアップ示している：私はすでにこの

var map; 
function initialize() { 
    var mapDiv = document.getElementById('map-canvas'); 
    map = new google.maps.Map(mapDiv, { 
     center: new google.maps.LatLng(-0.165343, 113.930935), 
     zoom: 7, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 
    var lat, longi, marker; 
    <?php foreach ($position as $row) { ?> 
     lat = <?php echo $row->lat ?>, 
     longi = <?php echo $row->longi ?>, 

     marker = new google.maps.LatLng(lat,longi); 
     new google.maps.Marker({ 
      position: marker, 
      map: map 
     }); 
    <?php } ?> 
}

出典

2017-01-15 andrianrion

あなたのエラーを解決してきました

UPDATE

。それがjavascriptではなくphpで実行されることを確認してください。

右コード：

<?php 
    $lat = $row['lat']; 
    $longi = $row['longi']; 
?>

出典

2017-01-15 09:02:25 Rishi

が、それは私の悪い、あなたの高速応答のための屋をありがとう、私はすでにあなたとサイードが私を示唆していることを解決していますが、ページには何もロードされず、ブラウザコンソールには何もありません。 – andrianrion

var map; 
    function initialize(lt,lg) { 
    var mapDiv = document.getElementById('map-canvas'); 
    map = new google.maps.Map(mapDiv, { 
     center: new google.maps.LatLng(lt, lg), 
     zoom: 7, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

     var lat, longi; 

     <?php foreach ($position as $row) { ?> 

      lat = <?= $row->lat ?>; 
      longi = <?= $row->longi ?>; 
      marker(lat, longi); 

     <?php } ?> 
    } 

    function marker(lt,lg){ 
     var latLng = new google.maps.LatLng(lt,lg); 
     var marker = new google.maps.Marker({ 
     position: latLng, 
     map: map 
     }); 
    } 
</script> 
</head> 
<body onload="initialize(-0.165343, 113.930935)"> 
<div id="map-canvas" style="width: 100%; height: 600px"></div>

出典

2017-01-15 09:12:51 Saeed

あなたの早い返答をありがとう、それは私の悪いです、私はすでにあなたの提案として、しかしマップページが空白であることを修正しています。ブラウザのコンソールログに何もロードしません。 – andrianrion

'$ row ['lat']'と '$ row ['longi']'は正しい値ですか？ 'var_dump'を取得して値を参照してください – Saeed

これらは正しい値を持つと確信しています var_dumbの結果 array {1" position "] => array（2）{[0] =>オブジェクト（stdClass ）オブジェクト（stdClass）＃24（2）（1）=>文字列（11） "116.8599428"} [1]あなたが 'var_dump'の' $ row'を参照する{@ "lat"} => string（9） "-1.258223" ["longi"] => string（10） "116.860009"}}} – andrianrion

マーカーがGoogleマップを読み込まない

答えて

関連する問題