keatkeat
    <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/ (官网)

 

分类:

技术点:

相关文章: