javascript - JSON Markers with Google map v3 -
i don't understand why markers not appear json display markers json file construction of json file :
[{"number":31705,"name":"31705 - champeaux (bagnolet)","address":"rue des champeaux (pres de la gare routiere) - 93170 bagnolet","position":{"lat":48.8645278209514,"lng":2.416170724425901},"banking":true,"bonus":true,"status":"open","contract_name":"paris","bike_stands":50,"available_bike_stands":47,"available_bikes":3,"last_update":1413809069000},{"number":10042,"name":"10042 - poissonniÈre - enghien","address":"52 rue d'enghien / angle rue du faubourg poissoniere - 75010 paris","position":{"lat":48.87242006305313,"lng":2.348395236282807},"banking":true,"bonus":false,"status":"open","contract_name":"paris","bike_stands":33,"available_bike_stands":6,"available_bikes":27,"last_update":1413809252000}] and html
<html> <head> <title>test</title> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script> <script type="text/javascript"> function initialize() { var mapoptions = { center: new google.maps.latlng(42.5403, -78.53), zoom: 5, maptypeid: google.maps.maptypeid.roadmap }; var infowindow = new google.maps.infowindow(); var map = new google.maps.map(document.getelementbyid("map_canvas"), mapoptions); $.getjson("test.json", function(data) { $.each(data, function(key, data) { var mylatlng = new google.maps.latlng(data.lat, data.lng); alert(mylatlng); var marker = new google.maps.marker({ position: mylatlng, map: map, title: "test" }); }); }); } </script> </head> <body onload="initialize()"> <form id="form1" runat="server"> <div id="map_canvas" style="width: 500px; height: 400px"></div> </form> </body> </html> but if test json work
[{"lat":48.8645278209514,"lng":2.416170724425901},{"lat":48.87242006305313,"lng":2.348395236282807}]
your json object doesn't have lat , lng property, in nested object position. coordinates should utilize data.position.lat , data.position.lng.
javascript json google-maps google-maps-api-3
No comments:
Post a Comment