Googleの場所を使用してコーヒーロケーターアプリを構築しようとしています

-2

ヘルプのジオコードiveに変更を加えましたが、私はまだ同じ問題を抱えています。ごめんなさい。Googleの場所を使用してコーヒーロケーターアプリを構築しようとしています

<html lang="en"> 
 
    \t <head> 
 
    \t  \t  <meta charset="utf-8"> 
 
    \t  \t  <meta name="viewport" content="initial-scale1.0, user-scalable no"> 
 
    \t  \t  <script \t type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBxa8x1c5vnQZr95sqld_ZYT_1hM7yVNxU"> 
 
    \t  \t <script> var map; 
 
    \t  \t  function initialize() { 
 
    var center = new google.maps.LatLng(51.5044672, -0.0821554); 
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
    center: center, 
 
    zoom: 13 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize); 
 

 
html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    margin: 0px; 
 
    padding; 
 
    0px 
 
} 
 

 
<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map"> 
 
</div> 
 
    \t  \t </style> 
 
    \t </head> 
 
    \t <body> 
 
    \t \t <div id="map"> 
 
    \t \t </div> 
 
    \t </body> 
 
</html>

出典

2016-08-05 user6683649

YouTubeの動画のコメントの多くは、彼らが空白のページを取得していると言っている時間は、多分あなたは新しいGoogle APIキーが必要です。

出典： https://developers.google.com/maps/documentation/javascript/get-api-key

出典

2016-08-05 17:59:28

HERESに私のコード今のところ – user6683649

申し訳ありませんが、あまりにもstackoverflowの時のnoobイムそれは私がまだありがとう – user6683649

Damnitだ、私は感謝大いに助けてください – user6683649

掲載コードのいくつかの構文エラーがあります： "" 'ロード' の間と初期化行方不明

google.maps.event.addDomListener(window, 'load' initialize);

（：

Uncaught SyntaxError: missing) after argument listこの行には、）

および

このライン上の

Uncaught TypeError: google.maps.latlng is not a constructor：

map = new google.maps.map(document.getelementById('map'), {

：この行の

Uncaught TypeError: document.getelementById is not a functionとUncaught TypeError: google.maps.map is not a constructor：

var center = new google.maps.latlng(51.5044672,-0.0821554);

及び（ジャバスクリプトは大文字と小文字が区別され、正しいバージョンがLatLngないlatlngです）

（javascriptは大文字と小文字が区別されます私はそれらを修正した場合、私はマップ(fiddle)を得るが、投稿のコードには「コーヒーロケータ」機能はありませんgoogle.maps.Map

する必要がありまし、正しいバージョンがgetElementByIdないgetelementByIdとgoogle.maps.mapです。

コードスニペット：

function initialize() { 
 
    var center = new google.maps.LatLng(51.5044672, -0.0821554); 
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
    center: center, 
 
    zoom: 13 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    margin: 0px; 
 
    padding; 
 
    0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map"> 
 
</div>

出典

2016-08-05 18:33:30 geocodezip

何も持っていない – user6683649

これがあなたの質問に答えたならば、私はgeocodezipと思っています。[accept it]（http://meta.stackoverflow.com/questions/5234/how-does-accepting-an-answer-work） – geocodezip

それを振った？提供されたコードgeocodezipが機能しています。あなたが私達に与えた前のリンクはチュートリアル "パート2"を作るCoffee APPでした。以前にリンクされたビデオから見たものからは、マップを設定する方法しか教えていません。だから私は非常にgeocodezipの答えを受け入れることをお勧めします（あなたは彼の答えを受け入れるために2つの担当者も得ます）。 –

Googleの場所を使用してコーヒーロケーターアプリを構築しようとしています

答えて

関連する問題