地图不显示在serevr上使用codeigniter与Google地图库，但在本地主机上正常工作

我使用Googlemap v3 api库库来显示Google地图，它在localhost上正常工作，但在服务器上无法正常工作。地图不显示在serevr上使用codeigniter与Google地图库，但在本地主机上正常工作

我控制器功能

public function index() 
    { 
     $this->load->library('Googlemaps'); 
     $this->googlemaps->initialize(); 
     $data['map'] = $this->googlemaps->create_map(); 
     $this->load->view('home',$data); 

    }

，并查看

<html > 
<head> 
    <?php echo $map['js'];?> 
    </head> 
<body> 
<?php echo $map['html'];?> 
</body> 
</html>

我添加了Google地图和Jsmin在apllication /库

this is my output

来源

2017-09-13 Tejaswee

检查错误控制台，并检查你有谷歌地图API密钥 –

就没有什么控制台日志，但我得到日志上的错误即404页面未找到：Js/jquery.min.map。 – Tejaswee

但是，我已经添加了Googlemap v3 api库的js文件 – Tejaswee

这可能会帮助你。你只需要添加谷歌地图，你可以使用这个

根据您所在位置的经度和纬度添加这个在您的视图页面的纬度

<div id="map"></div> 
    <script> 
     function initMap() { 
     var uluru = {lat: -25.363, lng: 131.044}; 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 4, 
      center: uluru 
     }); 
     var marker = new google.maps.Marker({ 
      position: uluru, 
      map: map 
     }); 
     } 
    </script> 
    <script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> 
    </script>

变化值和LNG（这将让你从谷歌map）ando您还需要在脚本中添加您的API KEY key = YOUR_API_KEY您可以从link生成您的API密钥。

风格如果你正在寻找一个全幅地图

#map{width: 100%; height:350px;}

添加thidsin样式表

来源

2017-09-16 05:23:28

谢谢先生，但是，您的代码在本地主机上完美运行，但不在服务器上运行，也我的codeigniter代码在本地主机上运行良好，但不在服务器上 – Tejaswee

你可以发布你的网站链接 –

先生你的代码在服务器以及localhost上工作正常，但是，我仍然有codeigniter googlemap库的问题，它只在localhost – Tejaswee

地图不显示在serevr上使用codeigniter与Google地图库，但在本地主机上正常工作

回答

相关问题