Javascript 谷歌地图地理编码字符串_Javascript_Google Maps_Google Maps Api 3_Geocoding

Javascript 谷歌地图地理编码字符串

javascript google-maps google-maps-api-3

Javascript 谷歌地图地理编码字符串,javascript,google-maps,google-maps-api-3,geocoding,Javascript,Google Maps,Google Maps Api 3,Geocoding,我已经在以下位置完成了地理编码示例：我希望能够在代码中对字符串进行地理编码，并在该位置放置标记，而不是让用户搜索位置到目前为止，我的代码是： <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title&

我已经在以下位置完成了地理编码示例：

我希望能够在代码中对字符串进行地理编码，并在该位置放置标记，而不是让用户搜索位置

到目前为止，我的代码是：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Geocoding service</title>
    <style>
      html, body, #map-canvas 
      {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
   //global variables 
var geocoder;
var map;
var Ireland = "Dublin";

function initialize() 
{
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(53.3496, -6.3263);
  var mapOptions = 
  {
    zoom: 8,
    center: latlng
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  codeAddress();//call the function
}

function codeAddress() 
{
  var address = document.getElementById("Ireland").value;
  geocoder.geocode( {"Ireland":address}, function(results, status) 
  {
    if (status == google.maps.GeocoderStatus.OK) 
    {
      map.setCenter(results[0].geometry.location);//center the map over the result
      //place a marker at the 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.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>


地理编码服务
html，正文，#地图画布
{
身高：100%；
边际：0px；
填充：0px
}
//全局变量
var地理编码器；
var映射；
var irland=“都柏林”；
函数初始化（）
{
geocoder=新的google.maps.geocoder（）；
var latlng=新的google.maps.latlng（53.3496，-6.3263）；
变量映射选项=
{
缩放：8，
中心：拉丁
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
codeAddress（）；//调用函数
}
函数代码地址（）
{
var address=document.getElementById（“爱尔兰”）.value；
geocoder.geocode（{“Ireland”：address}，函数（结果，状态）
{
if（status==google.maps.GeocoderStatus.OK）
{
map.setCenter（结果[0].geometry.location）；//将地图居中放置在结果上
//在该位置放置一个标记
var marker=new google.maps.marker(
{
地图：地图，
位置：结果[0]。几何体。位置
});
}否则{
警报（'地理编码因以下原因未成功：'+状态）；
}
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

试试这个

 <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Google Map Address</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">

            var geocoder = new google.maps.Geocoder();
    var address = "Dublin";

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

      if (status == google.maps.GeocoderStatus.OK) {
        var latitude = results[0].geometry.location.lat();
        var longitude = results[0].geometry.location.lng();


        initialize(latitude,longitude);

                } 

        }); 


    function initialize(latitude,longitude) {
        var latlng = new google.maps.LatLng(latitude,longitude);

        var myOptions = {
          zoom: 14,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          mapTypeControl: false
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

        var marker = new google.maps.Marker({
          position: latlng, 
          map: map, 
            title:"location : Dublin"
        }); 
      }


</script>

    </head>
    <body>

    <h2>Google Map Address</h2>

    <div id="map_canvas" style="width:710px; height:300px"></div>   

            </body>
    </html>


谷歌地图地址
var geocoder=new google.maps.geocoder（）；
var address=“都柏林”；
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
var latitude=results[0]。geometry.location.lat（）；
var longitude=results[0]。geometry.location.lng（）；
初始化（纬度、经度）；
} 
}); 
函数初始化（纬度、经度）{
var latlng=新的google.maps.latlng（纬度、经度）；
变量myOptions={
缩放：14，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP，
mapTypeControl:false
};
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var marker=new google.maps.marker({
位置：latlng，
地图：地图，
标题：“地点：都柏林”
}); 
}
谷歌地图地址

这将更改codeAddress函数以获取参数并对该参数进行地理编码。如果将爱尔兰变量作为参数传递，它将对“Dublin”进行地理编码

代码片段：

var irland=“都柏林”；
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
var latlng=新的google.maps.latlng（53.3496，-6.3263）；
变量映射选项={
缩放：8，
中心：拉丁
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
codeAddress（爱尔兰）；//调用函数
}
函数代码地址（地址）{
地理编码({
地址：地址
}，功能（结果、状态）{
if（status==google.maps.GeocoderStatus.OK）{
map.setCenter（结果[0].geometry.location）；//将地图居中放置在结果上
//在该位置放置一个标记
var marker=new google.maps.marker({
地图：地图，
位置：结果[0]。几何体。位置
});
}否则{
警报（'地理编码因以下原因未成功：'+状态）；
}
});
}

html，
身体，
#地图画布{
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}

它会在angular中抛出一个错误，说明初始化不是一个函数。你知道我们能做些什么吗？

var Ireland = "Dublin";

function initialize() 
{
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(53.3496, -6.3263);
  var mapOptions = 
  {
    zoom: 8,
    center: latlng
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  codeAddress(Ireland);//call the function
}

function codeAddress(address) 
{
  geocoder.geocode( {address:address}, function(results, status) 
  {
    if (status == google.maps.GeocoderStatus.OK) 
    {
      map.setCenter(results[0].geometry.location);//center the map over the result
      //place a marker at the 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);
   }
  });
}