Google Maps API - Meteorの使い方

Web開発とjavascript/htmlが比較的新しいCSの学生として、私はGoogle Maps JavaScript APIの使い方の基礎を理解するのに困っています。Google Maps API - Meteorの使い方

最終的な目標は、2つのアドレスを入力してそれらの間の距離を計算できるようにすることです.GoogleマップAPIを使用してこれを行う例がいくつか見つかりました。しかし、実際にAPIコードをダウンロード/インストール/インクルードする方法を理解するのは難しいです。

私はこのような例を挙げカップルのリンクを発見した：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script>

別のリンクは（私は）Googleの開発者のコンソールからキーを必要と言及しました。

APIコードをどの程度正確に含めることができるので、私はそれを使い始めることができますか？

おかげで

出典

2016-05-26 MalMonk

W3Schoolsのによると、あなたはAPIスクリプトを含めるために<script src="http://maps.googleapis.com/maps/api/js"></script>を含めることになるでしょう。

これらは、ウェブサイトでの使用方法の例を示しています。ここであなたができる何かの例です：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://maps.googleapis.com/maps/api/js"></script> 
<script> 
function initialize() { 
    var mapProp = { 
    center:new google.maps.LatLng(51.508742,-0.120850), 
    zoom:5, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
<div id="googleMap" style="width:500px;height:380px;"></div> 
</body> 

</html>

詳しい情報や、ここスターターガイド：http://www.w3schools.com/googleapi/google_maps_basic.asp

出典

2016-05-26 00:48:51

Google Maps API - Meteorの使い方

答えて

関連する問題