javascript - Google Maps JS API v3 - Simple Multiple Marker Example -


is an array of fairly new I have data in Google Maps API do what I want to cycle and plot a cycle. Looks quite simple, but I've found that all the Multi Marker tutorials are quite complex.

For example, use the data array of Google's site: 

  var locations = [ 'Bondi Beach', -33.890542, 151.274856, 4], [ 'Kogi Meanwhile, -33.923036, 151.25 9 52, 5], [ 'Cronulla beach, -34.02824 9, 151.157507, 3], [' Manly beach ', - 33.80010128657071, 151.28747820854187, 2], [' Maroubra beach ', -33.950198 , 151.259302, 1]];   
 I just want to plot all these points and I name should get an info window that pops up when you click to display.  
 Any help is greatly appreciated!   
 
 
 This is the simplest, I can reduce it have:  
  & Lt ;! DOCTYPE html & gt; ; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Title & gt; Google Maps offers many markers & lt; / Title & gt; & Lt; script src = "http://maps.google.com/maps/api/js?sensor=false" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; div id = "map" style = "width: 500px; height: 400px;" & Gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; Var Location = [['Bondi Beach', -33.890542, 151.274856, 4], ['Kogi Beach', -33.923036, 151.25 9 52, 5], ['Cronulla Beach', -34.02824 9, 151.157507, 3], [ 'Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1]]; Var map = new google.maps.Map (document.getElementById ('map'), {zoom: 10, center: new google.maps.LatLng (-33.92, 151.25), type the map: google.maps.MapTypeId.ROADMAP }); Var infowindow = new google.maps.InfoWindow (); Var marker, i; (I = 0; i & lt; locations.length; i ++) {marker = new google.maps.marker ({status: new google.maps.LatLng (places [i] [1], location [i] [ 2]), map: map}); Google.maps.event.addListener (Marker, 'click', (function (marker, i) {return function () {infowindow.setContent (places [i] [0]); infowindow.open (map, marker);} }) (Marker, I)); } & Lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 Screenshots:  
 Google Maps Multiple Markers  
 There is some closing magic when the callback argument is going through the  addListener  method, it can be a very difficult topic, if you are not familiar, how the closures work. I suggest checking for the following Mozilla article for a brief introduction, if this is the case:  
     
  •

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more