@geocodezip が言ったように、あなたはGoogle Maps Javascript v3を探しています。
これを使用する簡単な例を次に示します(私の古い回答から選択)。これにはキーは必要ありません。
HTML:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<div id="map-canvas"></div>
CSS:
#map-canvas {
margin: 0;
padding: 0;
height: 100%;
}
Javascript:
function initialize() {
var myLatlng = new google.maps.LatLng(43.565529, -80.197645);
var mapOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
//=====Initialise Default Marker
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'marker'
//=====You can even customize the icons here
});
//=====Initialise InfoWindow
var infowindow = new google.maps.InfoWindow({
content: "<B>Skyway Dr</B>"
});
//=====Eventlistener for InfoWindow
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
参照用に簡単なフィドルを作成しました。
あなたがいくつかのアイデアを持っていることを願っています。
キーの使用に興味がないので、制限に注意してください。
Google Maps Javascript API :サービスごとに 1 日あたり最大 25,000 のマップ読み込み。
これも：
Web ページまたはアプリケーションによってロードされると、Maps JavaScript API (V2 または V3) を使用してマップが表示されます。- マップを表示していない Web ページまたはアプリケーションによって、Maps JavaScript API (V2 または V3) を使用してストリート ビュー パノラマが表示される。
- Maps API for Flash を読み込む SWF は、ウェブページまたはアプリケーションによって読み込まれます。また
- Static Maps API から地図画像を 1 回リクエストします。
- Street View Image API からパノラマ画像を 1 回リクエストします。
皆様のコメントから、
私も使ってみcanvasましたが、うまくいきませんでした。
var mapCanvas = document.createElement("canvas");
しかし、これは要素でうまく機能していdivます。
var mapCanvas = document.createElement("div");
mapCanvas.style.width = "200px";
mapCanvas.style.height = "200px";
更新された JSFiddle
幅と高さのプロパティを設定することを忘れないでください。