Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/263.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript和php为google maps放置标记和缩放_Javascript_Php_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

使用javascript和php为google maps放置标记和缩放

使用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

我有一个小的Php代码和javascript,其中我显示了一个地图,或者更确切地说,每当我更改下拉列表时都会更改地图的焦点,但我需要放置一个标记并将其放大。有人能帮我做这个吗?提前谢谢

我的PHP/HTML代码

<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);