Wordpress javascript从地址到纬度、经度的地理编码
我正在使用谷歌地图api v3。这是我的密码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>
<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) {