Setting Custom item on Google maps throwing : TypeError: Cannot read property 'offsetWidth' of undefined

[Kapil]

I am trying to set custom icons on google maps. I I run it I get the error :

Uncaught TypeError: Cannot read property 'offsetWidth' of undefined

Here is my Javascript :

var map = Appery ('googlemap1');
var iconImage = 'https://maps.google.com/mapfiles/kml/...';
var myLatlng = new google.maps.LatLng(37.63, -122.424);

var mapOptions = {
zoom :17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
alert('helloe');
alert('hello1');

var map = new google.maps.Map($('div[dsid="googlemap1"]').get(0), mapOptions);

var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Blabber Spot',
icon:iconImage
});
alert('hello2');

[Maryna Brodina]

Hello! Please check map name. Is it googlemap1?

[Kapil]

Here is the HTML from the source file. It is "googlemap1".

<!-- googlemap1 --

Code: Select all

                 [img]https://sslproxy.getsatisfaction.com/sslproxy/SWhAdDNLMG5zdGFuVGlWesDkulkDJFT8yaEQr7bYAleJlUj-NGFPfHUqA59NFzhaI_jF3qAffJTuzVj8kEH8Gr991JtJHbkSe6i_aPYpbe8opQlJ0ZmTaM0csIT6rMWuwBtR3cfH7BpnwB6QOs6MafCWOLT6eIEKFfcejLNUQNk=.png[/img]  

             ul name="googlemap1_markers" 
                 <!-- marker_8 -- 
                 li name="marker_8" 

                 /li 
             /ul

[Kapil]

Attaching code from source file. It is googlemap1

[Igor]

Hello,

Lets see if this help:

• Put you code inside function
  pre
  code
  function gmap() {
  var map = Appery ('googlemap1');
  var iconImage = 'https:&#47;&#47;maps&#46;google&#46;com/mapfiles/kml/&#46;&#46;&#46;';
  var myLatlng = new google&#46;maps&#46;LatLng(37&#46;63, -122&#46;424);

  var mapOptions = {
  zoom :17,
  center: myLatlng,
  mapTypeId: google&#46;maps&#46;MapTypeId&#46;ROADMAP,
  };
  alert('helloe');
  alert('hello1');

  var map = new google&#46;maps&#46;Map($('div[dsid="googlemap1"]')&#46;get(0), mapOptions);

  var marker = new google&#46;maps&#46;Marker({
  position: myLatlng,
  map: map,
  title: 'Blabber Spot',
  icon:iconImage
  });
  alert('hello2');
  }
  /code
  /pre

  Invoke codegmap()/code function on "homePage" page load event.

[Kapil]

This did the trick. Awesome!

Thank you so much.