GoogleMap API 调用基础学习

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了GoogleMap API 调用基础学习相关的知识，希望对你有一定的参考价值。

　　用javascript调用谷歌地图的API key：

　　JS示例代码(很少写脚本语言，如有格式等错误请谅解)：

<!-- DOCTYPE html -->
<html>
<head>
    <script 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzE9xAESye6Kde-3hT-6B90nfwUkcS8Yw&sensor=false">
    </script>

    <script>
        function initialize() {    //初始化
            var mapProp = {
                  center:new google.maps.LatLng(51.508742,-0.120850),     //地图初始中心：参数：经纬度（这里的坐标是英国伦敦）
                  zoom:5,     //初始地图缩放级别
                  mapTypeId:google.maps.MapTypeId.ROADMAP    //地图初始类型：显示普通的街道地图
                  /* mapTypeId:google.maps.MapTypeId.TERRAIN  //显示自然特征的地图 */
              };
            var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);    //创建一个 Map 对象
        }

        google.maps.event.addDomListener(window, ‘load‘, initialize);    //窗口载入后通过执行 initialize() 函数来初始化 Map 对象，这样可以确保在页面完全载入后再加载 Google 地图
    </script>
</head>

<body>
    <!-- 地图宽度和高度有点大...载入可能会有点慢,用Google Chrome打开 -->
    <div id="googleMap" style="width:960px;height:680px;"></div>
</body>
</html>

 

　　

以上是关于GoogleMap API 调用基础学习的主要内容，如果未能解决你的问题，请参考以下文章

如何在用java创建的布局内创建地图片段（GoogleMap）？

将片段与 GoogleMap 一起使用时应用程序崩溃

以编程方式将 GoogleMap 添加到片段

onActivityResult 未在 Android API 23 的片段上调用

GoogleMap API 为两点之间的方向提供了错误的坐标

导航到另一个片段时触发 API 调用