Google Maps API V3

最新推荐文章于 2020-08-04 12:05:10 发布

dz45693

最新推荐文章于 2020-08-04 12:05:10 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：地图文章标签： google function api div

本文链接：https://blog.youkuaiyun.com/ma_jiang/article/details/6079200

地图专栏收录该内容

8 篇文章

订阅专栏

本文提供了一个使用谷歌地图API创建简单网页地图的应用实例。通过JavaScript调用谷歌地图API，设置了初始视图、缩放级别及地图类型，展示了如何在网页上嵌入交互式地图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function initialize()
           {
               var latlng = new google.maps.LatLng(-34.397, 150.644);
               var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP };
               var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
           }
   </script>
</head>
<body onload="initialize()">
    <div id="map_canvas" style="width: 100%; height: 100%">
    </div>
</body>
</html>