我需要根据所选地点显示地图。我需要知道如何根据下拉菜单更改地图。这是我迄今为止,但我似乎无法弄清楚如何使用从下拉列表中选择实际更改地图。我在这里完全消隐。任何引用或帮助非常感谢。这是我现在的代码。如何根据从下拉菜单中选择的城市显示Google地图
<script>
function myMap() {
var mapCanvas = document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(40.685646, -76.195499), zoom: 10
};
var map = new google.maps.Map(mapCanvas, mapOptions);
}
</script>
<div>
<h2>Please Choose a City</h2>
</div>
<form>
<fieldset>
<label>
Cities
</label>
<select id="myCity" name="myCity">
<option value="None">Select a City</option>
<option value="PHI">Philadelphia, PA</option>
<option value="NYC">New York, NY</option>
<option value="HAR">Hartford, CT</option>
</select>
</fieldset>
</form>
我认为你需要的坐标添加为值选项,并在每次选择一个城市时重新加载地图。你有什么尝试?你的问题中的代码似乎并不多。 – Ionut
阅读此篇http://stackoverflow.com/questions/32693958/how-to-highlite-region-of-dropdown-selected-area-on-google-map @Brandy Kimmel – simon
我有坐标,只是不知道如何添加它们。这些是每个城市的Lat&Long:latLong for PHI(39.95228,-75.16245) latLong for NYC(40.712784,-74.005941) latLong for HAR(41.763711,-72.685093) –