I am trying to display a Google map when a user searches for a city and presses the search button but I am not getting how to do it properly. Here is my code done so far. Not getting how to take user input and check that city is in array; if yes, then display it on Google map. For example, if user types city name Houston, USA then it should display on Google map after checking if city name is in our database.
Script:
function searchResult(cityname) {
var namesOfCity = ["houston,boston,newyork,florida"];
//check the user input
//if match display it on google map
}
function initialize()
{
if(GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
map.setUIToDefault();
}
}
HTML
<body onload="initialize()" onunload="GUnload()">
<input type="text" id="cityname" value="" name=""/>
<input id="search" type="button" value="Search" onclick="searchResult('cityname')" />
<div id="map" style="width: 100%; height: 450px; position: relative; background-color: rgb(229, 227, 223);"></div>
</body>
No comments:
Post a Comment