javascript - Google maps marker parsed using ajax json -

-

can tell me why can't add multiple markers parsed via json inside , ajax request? i've build array should receive json array contains information required display markers on google map. strangely not work @ all! @ rate if try print in console length of array can see array looping correctly

var map;  function initialize() {    var mapoptions = {      zoom: 15,      center: new google.maps.latlng(41.90832, 12.52407)    };    map = new google.maps.map(document.getelementbyid('map-canvas'),        mapoptions);  }    google.maps.event.adddomlistener(window, 'load', initialize);    var xmlhttp = new xmlhttprequest();  var url = "json/prova.json";    xmlhttp.onreadystatechange=function() {      if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {          myfunction(xmlhttp.responsetext);      }  }  xmlhttp.open("get", url, true);  xmlhttp.send();  var infowindow = [];      var marker = [];      function myfunction(response) {      var arr = json.parse(response);      for(var = 0; < arr.length; i++) {  		console.log(arr.length);  		console.log(infowindow.length);              (function(i){ //new line               infowindow[i] = new google.maps.infowindow({                  content: arr[i].title              });              marker[i] = new google.maps.marker({                      title: arr[i].title,                      animation: google.maps.animation.drop,                      //animation: google.maps.animation.bounce,                                              position: new google.maps.latlng(arr[i].latitude,arr[i].longitude)                  });                 google.maps.event.addlistener(marker[i], 'click', function() {                 infowindow[i].open(map,this);              });              })(i); //new line      }  }  	
				html, body, #map-canvas {  				height: 100%;  				margin: 0px;  				padding: 0px  			  }
<!doctype html>  <html>  <head>           <title>simple map</title>           <meta name="viewport" content="initial-scale=1.0, user-scalable=no">           <meta charset="utf-8">  		<script src="http://maps.google.com/maps/api/js?signed_in=true&amp;key=aizasyd3xz7-z7u_xzziaolx9khhtfsld8vd0k4"></script>          <script src="js/prova_simple.js"></script>  </head>	   <body>    		<h1>customers</h1>  		<div id="map-canvas"></div>    </body>  </html>

you're not placing marker in map.

if go markers documentation can see several ways it.

i recommend case inside for function: 

marker[i].setmap(map)

edit:

for(var = 0; < arr.length; i++) {         console.log(arr.length);         console.log(infowindow.length);             (function(i){ //new line              infowindow[i] = new google.maps.infowindow({                 content: arr[i].title             });             marker[i] = new google.maps.marker({                     title: arr[i].title,                     animation: google.maps.animation.drop,                     //animation: google.maps.animation.bounce,                                             position: new google.maps.latlng(arr[i].latitude,arr[i].longitude)                 });              marker[i].setmap(map) //<----- here                google.maps.event.addlistener(marker[i], 'click', function() {                infowindow[i].open(map,this);             });             })(i); //new line     }

Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more