Google map API Study(I)

最新推荐文章于 2020-07-01 23:47:47 发布

南山小尼姑

最新推荐文章于 2020-07-01 23:47:47 发布

阅读量381

点赞数

分类专栏： google-map-api

本文链接：https://blog.csdn.net/qq_16943083/article/details/75339502

版权

google-map-api 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用google地图

关于地图运用API许多，本姑娘就开始了google地图的学习之旅。

<html>

    <head>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzE9xAESye6Kde-3hT-6B90nfwUkcS8Yw&sensor=false">
        </script>
        <link rel="stylesheet" href="googleMap/map.css" />
        <script>
        /** 下方LatLng内经纬度为台湾**/
            function initialize() {
                var mapProp = {
                    center: new google.maps.LatLng(23.886671, 121.063007),
                    zoom: 8,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

            }
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>
    </head>

    <body>
        <div class="myFirstMap" id="googleMap" style="width:400px;height:550px;"></div>

        <button id="hehe" type="button" style="width: 111px;height: 60px;" onclick="get()">get</button>
    </body>
    <script>
        function get() {
            var obj = document.getElementsByClassName(".gm-style-pbc");      
            obj.style.cssText = "background-color:black; display:block;color:White; 

            console.log(new Date() + obj);
        }
    </script>

</html>

google map api

后续章节主要开始一步步认识google map API

相应的CSS样式简单这里就不写了，接下来开始从html代码来分析google api显示地图的步骤。

南山小尼姑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Google map API Study(I)

使用google地图关于地图运用API许多，本姑娘就开始了google地图的学习之旅。<html> <head> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzE9xAESye6Kde-3hT-6B90nfwUkcS8Yw&sensor=false"> </script>
复制链接

扫一扫