Markers not display with JSON and when clicked getting undefined error

[davemerwin]

I'm using JSON for my data. The data comes up in the list no problem. However, there are no markers on the page. When I click on an item in the list, I get the following error:

Uncaught TypeError: Cannot read property 'getPosition' of undefined

And this is in reference to line 721 which is: map.panTo(selectedMarker.getPosition());

My setup is:

$('#map-container').storeLocator({
        'infowindowTemplatePath': '/static/html/infowindow-description.html',
        'listTemplatePath': '/static/html/location-list-description.html',
        'dataType': 'json',
        'querystringParams' : true,
        //'dataLocation': '/static/json/locations.json'
        'dataLocation': '/api/locations?postal=97401&format=json'
      });

Any help is much appreciated

[davemerwin]

I figured it out, and this will be a good not for those doing this kind of project in the future. Unless or until the data structure is rebuilt for this plugin (not saying it should) your data model MOST match what is listed on line 449. You can remap a bunch, but if that is how your data starts you'll have a much easier time of it.