Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.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
Wordpress javascript从地址到纬度、经度的地理编码_Wordpress_Api_Google Maps - Fatal编程技术网

Wordpress javascript从地址到纬度、经度的地理编码

Wordpress javascript从地址到纬度、经度的地理编码,wordpress,api,google-maps,Wordpress,Api,Google Maps,我正在使用谷歌地图api v3。这是我的密码 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script src="https://maps.googleapis.com/maps/api/js? v=3.exp&sensor=false&libraries=places"></script> <script>

我正在使用谷歌地图api v3。这是我的密码

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://maps.googleapis.com/maps/api/js?  
   v=3.exp&sensor=false&libraries=places"></script>
<script>
var geocoder;
var map;
function initialize() {

var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input);



//var latlng = new google.maps.LatLng(18.52043030000, 73.85674369999);

var mapOptions = {
zoom: 15,
//center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

 map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);

 }

google.maps.event.addDomListener(window, 'load', initialize);

function codeAddress() {
var address = document.getElementById('searchTextField').value;
geocoder = new google.maps.Geocoder();
 geocoder.geocode( { 'searchTextField': address}, function(results, status) {
 if (status == google.maps.GeocoderStatus.OK) {
 var latitude = results[0].geometry.location.lat();
 var longitude = results[0].geometry.location.lng();
 alert(latitude);
  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);
   }
  });
 }
 </script>

var地理编码器;
var映射;
函数初始化(){
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入);
//var-latlng=新的google.maps.latlng(18.520430000,73.85674369999);
变量映射选项={
缩放:15,
//中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById('googleMap')、mapOptions);
}
google.maps.event.addDomListener(窗口“加载”,初始化);
函数代码地址(){
var address=document.getElementById('searchTextField')。值;
geocoder=新的google.maps.geocoder();
geocoder.geocode({'searchTextField':address},函数(结果,状态){
if(status==google.maps.GeocoderStatus.OK){
var latitude=results[0]。geometry.location.lat();
var longitude=results[0]。geometry.location.lng();
警报(纬度);
map.setCenter(结果[0].geometry.location);
var marker=new google.maps.marker({
地图:地图,
位置:结果[0]。几何体。位置
});
}否则{
警报('地理编码因以下原因未成功:'+状态);
}
});
}
我在wordpress模板文件中做所有这些。我正在使用自动完成位置显示建议。我希望当用户从建议列表中选择一个位置时,地图应该导航到那个地方。它不会进入if条件,即if(status==google.maps.GeocoderStatus.OK){

这是html代码

<input id="searchTextField" type="textbox">
  <input type="button" value="Geocode" onclick="codeAddress()">

如果运行此代码,您将看到一个错误,该错误显示:

InvalidValueError: unknown property searchTextField
Geocoder接受“地址”作为其他属性,但不接受“searchTextField”。
所以只要改变一下:

geocoder.geocode( { 'searchTextField': address}, function(results, status) {
致:


因此,您将收到带有“地理编码未成功…”的警报?如果没有..您在某处出错,如果是..您尝试的地址是什么?
geocoder.geocode( { 'address': address}, function(results, status) {