改变地图javascript以进行自动输入

时间:2013-04-13 11:12:42

标签: php javascript google-maps google-maps-api-3

我已经对这个脚本进行了一些修改,但我没有兴趣将它更改为从我自己的php变量中自动加载地图。

我希望地图加载的地址在php变量$address

var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var mapOptions = {
      zoom: 14,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  }

  function codeAddress() {
    var address = document.getElementById('address').value;
    geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
      } else {
        alert('Geocode was not successful for the following reason: ' + status);
      }
    });
  }

我从Google提供的地图文档中选择了此代码。

我想更改它,以便在加载initialize方法时,它会自动将$address变量转换为lat和long,并将其显示在地图上。我已经把它从按钮上取下来加载codeAddress(),但希望它成为初始化的一部分!

干杯!

1 个答案:

答案 0 :(得分:1)

您可以查看此文章:PHP server side geocoding with Google Maps API v3

只需在服务器端找到lat / lng对(使用curl

$url = "http://maps.google.com/maps/api/geocode/json?sensor=false&address=Some+Address";    

$c = curl_init();
curl_setopt($c, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($c, CURLOPT_URL, $url);
$contents = curl_exec($c);
curl_close($c);

$resp = json_decode($contents, true);
$location = $resp['results'][0]['geometry']['location']; // (Lat => x, Lng => y)

然后在地图初始化块

中渲染它
var myLatlng = new google.maps.LatLng(<?=$Lat;?>, <?=$Lng;?>);