Databases
StackOverflow2013
Postsdbo
POGoogle Map V3 : Only some markers are displayed
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map V3 : Only some markers are displayed
    primarykey
    data
    text
    <p>I have the following code which should display several markers for places in an array and each marker on click will display an info window everything works fine except that out of 21 places I am able to display only 8 Markers.</p> <pre><code>// declare Variables var geocoder; var map; var tex; var markersArray = []; // pids array 21 addreses var pids = [{ad:'251 Pantigo Road Hampton Bays NY 11946',pid:'9'}, {ad:'Amagensett Quiogue NY 11978',pid:'10'}, {ad:'789 Main Street Hampton Bays NY 11946',pid:'12'}, {ad:'30 Abrahams Path Hampton Bays NY 11946',pid:'14'}, {ad:'3 Winnebogue Ln Westhampton NY 11977',pid:'15'}, {ad:'44 White Oak Lane Montauk NY 11954',pid:'16'}, {ad:'107 stoney hill road Bridgehampton NY 11932',pid:'17'}, {ad:'250 Pantigo Rd Hampton Bays NY 11946',pid:'19'}, {ad:'250 Pantigo Rd Hampton Bays NY 11946',pid:'20'}, {ad:'44 Woodruff Lane Wainscott NY 11975',pid:'21'}, {ad:'Address East Hampton NY 11937',pid:'46'}, {ad:'Address Amagansett NY 11930',pid:'49'}, {ad:'Address Remsenburg NY 11960 ',pid:'50'}, {ad:'Address Westhampton NY 11977',pid:'51'}, {ad:'prop address Westhampton Dunes NY 11978',pid:'52'}, {ad:'prop address East Hampton NY 11937',pid:'53'}, {ad:'Address East Hampton NY 11937',pid:'58'}, {ad:'Address Southampton NY 11968',pid:'59'}, {ad:'Address Bridgehampton NY 11932',pid:'60'}, {ad:'Address Sagaponack NY 11962',pid:'61'}]; // create an MVCobject for creating Info window on marker var pin = new google.maps.MVCObject(); // The content placeholder for the Info window. var content = document.createElement("DIV"); var title = document.createElement("DIV"); content.appendChild(title); // that is where you have the ajax result placed var streetview = document.createElement("DIV"); streetview.style.width = "326px"; streetview.style.height = "212px"; content.appendChild(streetview); var infowindow = new google.maps.InfoWindow({ content: content }); // Initialize function initialize() { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(40.8687097, -73.0014946); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); getAllPids(); } // loop to create all markers function getAllPids() { var i; for (i = 0; i &lt; pids.length; i++) { var test = pids[i]; codeAddress(test); } } // get latlng for each address , create marker and add eventlistner to click open infowindow function codeAddress(place) { geocoder.geocode({ 'address': place.ad }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location, title: place.pid }); markersArray.push(marker); google.maps.event.addListener(marker, "click", function() { openInfoWindow(marker); }); } else { // alert("Geocode was not successful for the following reason: " + status); } }); } // click event on marker calls this to show infowindow. function openInfoWindow(marker) { getContent(marker.getTitle()); pin.set("position", marker.getPosition()); infowindow.open(map, marker); } // Now ajax call to get the content for the current info window function getContent(pid) { $.ajax({ type: "POST", url: "mapSearchResult.aspx/get_map", data: "{'pids':'"+pid +"'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(msg) { title.innerHTML =msg.d; } }); } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USSuresh J
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POGoogle Map V3 : Only some markers are displayed
      1. This table or related slice is empty.
      1. VTUpMod
    1. COIs there a valid version of your code to migrate to JSfiddle ?
      singulars
      1. POGoogle Map V3 : Only some markers are displayed
      1. USHugolpz
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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