Board logo

標題: Google Maps 街景圖 [打印本頁]
作者: wmh    時間: 2009-8-21 00:45     標題: Google Maps 街景圖

The Google Maps Street View
http://code.google.com/intl/en/a ... ces.html#Streetview
台北街景上線！

[jsg.example]
<div id="pano" style="width: 100%; height: 350px"></div>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdkza4eLcoyFpe-8mIi_8phQ2IdhAOt-RPXPNsm2uvl2HN8PFgBQ5qFKwXa1NaANID50H-OVtCmnX_g&sensor=false"
    type="text/javascript"></script>
[/jsg.example]
大家期待已久的 Street View 終於上線囉，初期只有台北市和部份台北縣，其他縣市的網友們還得再等等囉

使用上非常簡單，載入 Google Maps API，建立一個 GStreetviewPanorama() 物件，指定 div 並指定座標即可：
<div id="pano"></div>
<script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
    type="text/javascript"></script>
<script type="text/javascript">
var loc = new GLatLng(25.028281,121.548781);
new GStreetviewPanorama(document.getElementById("pano"), {latlng: loc});
</script>
[jsg.example]
喝，這些人有內應：
<div id="pano2" style="width: 100%; height: 350px"></div>
<br />
<br />這些人也是：
<div id="pano3" style="width: 100%; height: 350px"></div>
<script type="text/javascript">
var taipei = new GLatLng(25.028281,121.548781);
var pov = {yaw: parseInt(Math.random()*4,10)*90, pitch: 5};
new GStreetviewPanorama(document.getElementById("pano"), {latlng: taipei, pov: pov});
new GStreetviewPanorama(document.getElementById("pano2"), {
  latlng: new GLatLng(25.032913,121.564794)
});
new GStreetviewPanorama(document.getElementById("pano3"), {
  latlng: new GLatLng(37.420898,-122.083533)
});
</script>
[/jsg.example]
作者: psyjune    時間: 2010-4-3 21:27

看不到~~~顯示網頁錯誤



歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)