Google Maps API - 地圖類型

Posted on Edited on In Views: Disqus:

 

Google Maps API 地圖類型

<!DOCTYPE html>
<html>
<head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <style>
        #map {
            width: 500px;
            height: 380px;
        }
    </style>
</head>
<body>
    <div id="map"></div>
    <script>
        function initMap() {
            var map = new google.maps.Map(document.getElementById('map'), {
                center: { lat: 24.930776, lng: 121.283172 },
                zoom: 15,
                mapTypeId: 'roadmap'
            });
        }
    </script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap"></script>
</body>
</html>

mapTypeId可有四種樣式，分別為：

roadmap 可顯示預設道路地圖檢視。此為預設的地圖類型。

satellite 可顯示 Google 地球衛星影像

hybrid 可顯示混合的一般檢視與衛星檢視

hybrid 可根據地形資訊顯示實體地圖

 

參考資料：

https://developers.google.com/maps/documentation/javascript/maptypes