地图没有显示在serevr上使用codeigniter和Googlemaps库,但在localhost上正常工作

时间:2017-09-13 13:12:54

标签: codeigniter google-maps

我正在使用Googlemap v3 api库来显示Google地图,它可以在localhost上运行正常,但不能在Server上运行。

我的控制器功能

public class A
{
    public string Filename {get; set;}

    public virtual void CopyProperties(object copy)
    {
        ((A)copy).Filename = this.Filename;
    }
}

public class B : A
{
    public int Number {get;set;}

    public override void CopyProperties(object copy)
    {
        base.CopyProperties(copy);
        ((B)copy).Number = this.Number;
    }    
}


public class Program
{

    public static void Main()
    {
        B b = new B { Filename = "readme.txt", Number = 42 };

        B copy = new B();
        b.CopyProperties(copy);

        Console.WriteLine(copy.Filename);
        Console.WriteLine(copy.Number);
    }
}

并查看

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

    }

我在apllication / library中添加了Googlemaps和Jsmin

this is my output

1 个答案:

答案 0 :(得分:0)

这可能会对你有所帮助。您只需添加谷歌地图即可使用此

在您的视图页面中添加此内容

<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>

根据您所在位置的纬度和经度更改lat和lng的值(这将使您从Google地图中获取)而且您还需要在脚本键中添加 API KEY = YOUR_API_KEY 您可以通过以下link生成API密钥。

样式 如果您正在寻找全宽地图

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

在样式表中添加thid