Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map loaded two times
    primarykey
    data
    text
    <blockquote> <p><strong>Possible Duplicate:</strong><br> <a href="https://stackoverflow.com/questions/10904638/google-maps-v3-shifting-after-loading-in-wordpress">Google Maps v3 Shifting After Loading in Wordpress</a> </p> </blockquote> <p>I used the code generated with this useful tool: <a href="http://powerhut.co.uk/googlemaps/custom_markers.php" rel="nofollow noreferrer">http://powerhut.co.uk/googlemaps/custom_markers.php</a></p> <p>This is my html before &lt; / head > tag:</p> <pre><code>&lt;script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; &lt;script type="text/javascript" &gt; function initializeMap() { var point = new google.maps.LatLng(42.61196, 12.54584); myOptions = { zoom: 13, center: point, mapTypeId: google.maps.MapTypeId.ROADMAP } var image = new google.maps.MarkerImage( '/wp-content/plugins/comprehensive-google-map-plugin/assets/css/images/markers/medicine.png', new google.maps.Size(32,37), new google.maps.Point(0,0), new google.maps.Point(16,37) ); var shape = { coord: [29,0,30,1,31,2,31,3,31,4,31,5,31,6,31,7,31,8,31,9,31,10,31,11,31,12,31,13,31,14,31,15,31,16,31,17,31,18,31,19,31,20,31,21,31,22,31,23,31,24,31,25,31,26,31,27,31,28,31,29,30,30,29,31,23,32,22,33,21,34,20,35,19,36,12,36,11,35,10,34,9,33,8,32,2,31,1,30,0,29,0,28,0,27,0,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,1,1,2,0,29,0], type: 'poly' }; var map = new google.maps.Map(document.getElementById("googleMap"), myOptions); var marker = new google.maps.Marker({ map: map, title: "Marker Title", position: point, icon: image, shape: shape }); var window = new google.maps.InfoWindow({ content: "&lt;b&gt;Marker Title&lt;/b&gt;", maxWidth: 150 }); var infoWindow = new google.maps.InfoWindow(window); google.maps.event.addListener(marker, "click", function() { infoWindow.open(map, marker); }); } &lt;/script&gt; </code></pre> <p>On body:</p> <pre><code>&lt;body onload="initializeMap();"&gt; </code></pre> <p>Inside body...</p> <pre><code>&lt;div id="googleMap"&gt;&amp;nbsp;&lt;/div&gt; </code></pre> <p>...and the style...</p> <pre><code>#googleMap { width: 540px; height: 400px; margin: 20px auto; } </code></pre> <p>I'm using Wordpress and the map seems to be loaded two times, creating a smoothing effect and corrupting some commands.</p> <p>Any ideas?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload