javascript - Passing values in to google maps api from text file on localhost -
i'm trying pass in initial start values text file on localhost.
can please explain how properly?
i've been trying follow tutorials assume file read in reader.
i don't know javascript well.
this doesn't work
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } </style> <script> function initialize() { var lat = 0; var long = 0; var center = file("center.txt"); var reader = new filereader(); reader.onload = function (e) { var results = reader.result; } reader.readastext(center); var text = reader.result.tostring(); var stringar = text.split(","); lat = stringar[0]; long = stringar[1]; var mapoptions = { zoom: 8, center: new google.maps.latlng(lat, long) }; var map = new google.maps.map(document.getelementbyid('map-canvas'), mapoptions); map.data.loadgeojson('test.json'); } function loadscript() { var script = document.createelement('script'); script.type = 'text/javascript'; script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' + 'callback=initialize'; document.body.appendchild(script); } window.onload = loadscript; </script> </head> <body> <div id="map-canvas"></div> </body> </html> if comment out file reader stuff works, need able pass in lat long parameters without user selecting anything.
would alternatively able read them json file , set way same way data?
the problem values you're reading text file beingness saved strings. google maps expects number objects. can utilize parsefloat() prepare this:
lat = parsefloat(stringar[0]); long = parsefloat(stringar[1]); javascript google-maps-api-3
No comments:
Post a Comment