使用javascript和php为google maps放置标记和缩放
我有一个小的Php代码和javascript,其中我显示了一个地图,或者更确切地说,每当我更改下拉列表时都会更改地图的焦点,但我需要放置一个标记并将其放大。有人能帮我做这个吗?提前谢谢 我的PHP/HTML代码使用javascript和php为google maps放置标记和缩放,javascript,php,jquery,google-maps,google-maps-api-3,Javascript,Php,Jquery,Google Maps,Google Maps Api 3,我有一个小的Php代码和javascript,其中我显示了一个地图,或者更确切地说,每当我更改下拉列表时都会更改地图的焦点,但我需要放置一个标记并将其放大。有人能帮我做这个吗?提前谢谢 我的PHP/HTML代码 <select class="form-control" name="dropdown" id="dropdown"> <?php $sql = "SELECT distinct lm_address FROM tbl_landma
<select class="form-control" name="dropdown" id="dropdown">
<?php
$sql = "SELECT distinct lm_address FROM tbl_landmarks";
$res = mysqli_query($conn,$sql);
echo "<option>-- Select Location --</option>";
$counter = "1";
while ($row = mysqli_fetch_array($res)){
echo "<option value=".$counter.">" . $row['lm_address'] . "</option>";
}
?>
</select>
<!-- <select id="dropdown">
<option value="1" selected>SM Southmall</option>
<option value="2">Chicago</option>
<option value="3">Boston</option>
<option value="4">Palo Alto</option>
<option value="5">Seattle</option>
</select> -->
<div id="info"></div>
<div class="map-container">
<div id="map"></div>
<!--the google map is loaded already-->
</div>
我的JAVASCRIPT
<script type="text/javascript">
function initialize() {
var map = new google.maps.Map(document.getElementById("map"));
var geocoder = new google.maps.Geocoder();
$("#dropdown").change(function() {
address = $("#dropdown :selected")[0].text;
geocodeAddress(address, geocoder, map);
});
var address = $("#dropdown :selected")[0].text;
geocodeAddress(address, geocoder, map);
}
google.maps.event.addDomListener(window, "load", initialize);
function geocodeAddress(address, geocoder, resultsMap) {
document.getElementById('info').innerHTML = address;
geocoder.geocode({
'address': address
}, function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
resultsMap.fitBounds(results[0].geometry.viewport);
document.getElementById('info').innerHTML += "<br>" + results[0].geometry.location.toUrlValue(6);
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
</script>
函数初始化(){
var map=new google.maps.map(document.getElementById(“map”);
var geocoder=new google.maps.geocoder();
$(“#下拉列表”).change(函数(){
地址=$(“#下拉列表:选中”)[0]。文本;
地理编码地址(地址、地理编码器、地图);
});
变量地址=$(“#下拉列表:选中”)[0]。文本;
地理编码地址(地址、地理编码器、地图);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
函数geocodeAddress(地址、地理编码器、结果映射){
document.getElementById('info').innerHTML=地址;
地理编码({
“地址”:地址
},功能(结果、状态){
if(status==google.maps.GeocoderStatus.OK){
resultsMap.fitBounds(结果[0].geometry.viewport);
document.getElementById('info').innerHTML+=“
”+结果[0]。geometry.location.toUrlValue(6);
}否则{
警报('地理编码因以下原因未成功:'+状态);
}
});
}
我希望这能奏效
var latlng = new google.maps.LatLng(latitude, longitude);
var marker = new google.maps.Marker({position: latlng,map:map,title:title});
map.setCenter(latlng)
map.setZoom(25);