• Google Map 谷歌地图


        <script> 
            var map;
            function initMap() {            
                var position = new google.maps.LatLng(1.539187, 103.647115),
                                    
                map = new google.maps.Map(document.getElementById('map'), {
                    center: position,
                    zoom: 15, 
                    styles: [去网站弄]                
                });
             
                var marker = new google.maps.Marker({
                    position: position,
                    map: map,
                    animation: google.maps.Animation.DROP, // BOUNCE, DROP, lo, no              
                    icon: 'http://www.zoominn.com.my/i/ModuleMap_icon.png'                 
                });
                marker.addListener('click', function () {
                    var ttc = document.getElementById('mapContent').cloneNode(true);
                    var infoWindow = new google.maps.InfoWindow;
                    infoWindow.setPosition(position);
                    infoWindow.setContent(ttc);  //can put element but won't auto clone 哦
                    infoWindow.open(map);                    
                });          
            }
    
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.async = true;
            script.defer = true;
            script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDzbTtAijGTrGdYxbU3FGuxnwwO3Vkmixg&callback=initMap'
            document.body.appendChild(script);
    
        </script>
        @*<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDzbTtAijGTrGdYxbU3FGuxnwwO3Vkmixg&callback=initMap" async defer></script>*@

    refer : 

    https://mapstyle.withgoogle.com/    (弄 style 的)

    https://developers.google.com/maps/ (官网)

  • 相关阅读:
    小孩补脑 微信公众号
    学习用具汇总 微信公众号
    多带小孩去的地方 微信公众号
    PHP如何开启opcache缓存
    clip命令
    git pull push 报错 no matching host key type found. Their offer sshrsa
    生信分析 | 哲学方法论
    深入浅出Nginx实战与架构
    YCFramework版本更新:V1.0.7
    我的学习方法论
  • 原文地址:https://www.cnblogs.com/keatkeat/p/6937767.html
Copyright © 2020-2023  润新知