geocoding - Blank screen Google Maps API V3 -
as title say, have blank screen when trying add geocoding function map. if leave map alone marker works fine. in moment add geocode function send me blank screen. here code :
<html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>google maps api v3: esempio base</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> <script type="text/javascript"> var initialize = function() { var latlng = new google.maps.latlng(42.745334,12.738430); var options = { zoom: 12, center: latlng, maptypeid: google.maps.maptypeid.roadmap }; var map = new google.maps.map(document.getelementbyid('map'), options); var marker = new google.maps.marker({ position: latlng, map: map, title: 'w le donne' }); var createmap = function() { searchaddress(); var address = document.getelementbyid("address").value; var geocoder = new google.maps.geocoder(); geocoder.geocode( {'address': address}, function(results,status) { if (status == google.maps.geocoderstatus.ok) { var options = { zoom: 12, center: results[0].geometry.location, maptypeid: google.maps.maptypeid.roadmap }; else { alert("problema nella ricerca dell'indirizzo: " + status); } }); } var searchaddress = function(){ document.getelementbyid("submit").onclick = function() { createmap(); } }} window.onload = createmap; </script> </head> <body style="margin:0; padding:0;"> <div> <input id="address" type="textbox" value="viale franco angeli, 5 - roma"> <input id="submit" type="button" value="trova indirizzo sulla mappa"> </div> <div id="map" style="width:100%; height:100%"></div> </body> </html>
you have wrong url. v3 http://maps.googleapis.com/maps/api/js?
Comments
Post a Comment