Google Map API not loading probarly, please help!

hey,

so i’ve got the problem, that as soon as i add the code in my post/site via editor, the map is not loading properly.
Screenshot:
https://fs5.directupload.net/images/151115/niqq2pz9.png
after some research i found the place where the problem is happening, but cant find a way to fix this.

In the content-page.php
https://www.pastebin.com/9r8uA7aF

when i place the <div id=”map”></div> in between this code

<div class="entry-content top40">
                <?php the_content(); ?>

                <?php
                        wp_link_pages( array(
                                'before' => '<div class="page-links">' . __( 'Pages:', 'mk' ),
                                'after'  => '</div>',
                        ) );
                ?>
        </div><!-- .entry-content -->

the map is loading like in the screenshot above.
Every other place is just fine, but i need to integrade the map between the text.

This is my Code calling it from function.php via shortcode
https://www.pastebin.com/DDqcAgDE
======================
what i tried:
Disable all Plugins
Used other themes
placing the code manual in this place
using different code to call the map
nothing helpt
appreciate any help on this one.