Google地图显示为灰色

时间:2018-02-06 15:56:30

标签: css ruby-on-rails twitter-bootstrap sass

我正在使用rails进行足球应用。我使用的框架是bootstrap。由于某些原因,当我加载我的页面时,我的谷歌地图显示为灰色。请帮我把地图正常运行。我的计划是让它显示地图并显示你附近公园的标记。这是我的代码:

代码

 <div id="map"></div>
    <script>


      function initMap(){

        // map options 
        var options = {
          zoom:8,
          center:{lat: 440.7203,lng:-73.8812}
        }

        // new map 
        var map = new google.maps.Map(document.getElementById('map'), options);

        // add marker
        var marker = new google.maps.Marker({
          position: {
            lat:40.6782,
            lng:-73.9442
          },
          map:map
        })
      }

      setTimeout(initMap, 10)

    </script>
    <script 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAGMt_iOISz_BWdQJp0SlJfqoVwV_BHSvM">

</script>

<h1>Park.scss</h1>

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

1 个答案:

答案 0 :(得分:0)

尝试使用以下样式:

(my code)
USE AP;
GO

CREATE PROC spInvoices
     @NameVendor VARCHAR(50),
     @BalanceLimit SMALLMONEY
AS
    SELECT 
        VendorName, InvoiceNumber, InvoiceDueDate, 
        (InvoiceTotal - CreditTotal - PaymentTotal) AS Balance
    FROM 
        Invoices 
    JOIN 
        Vendors ON Invoices.VendorID = Vendors.VendorID
    WHERE 
        @NameVendor > @BalanceLimit
GO

EXEC spFindInvoices @NameVendor = 'Federal Express Corporation',
                    @BalanceLimit = '0'