问题：

在Google Maps API中使用地址代替经纬度

阎单鹗

2023-03-14

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css.css" />
    <title>Login Page</title>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map-canvas { height: 100% }
</style>
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var mapOptions = {
  center: new google.maps.LatLng(52.640143,1.28685),
      zoom: 15,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"),
        mapOptions);

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(52.640143,1.28685),
    map: map,
    title: "Mark On Map"
});
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>

请有人帮助我改变我的代码，使谷歌地图API能够请求一个地址在它的地方，因为我想读取地址的用户直接从mySQL数据库。

共有1个答案

乐华晖

2023-03-14

请参见此示例，将映射初始化为“加利福尼亚州圣地亚哥”。

使用Google Maps Javascript API v3 Geocoder将地址转换为可以显示在地图上的坐标。

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var geocoder;
  var map;
  var address ="San Diego, CA";
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
          map.setCenter(results[0].geometry.location);

            var infowindow = new google.maps.InfoWindow(
                { content: '<b>'+address+'</b>',
                  size: new google.maps.Size(150,50)
                });
    
            var marker = new google.maps.Marker({
                position: results[0].geometry.location,
                map: map, 
                title:address
            }); 
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);
            });

          } else {
            alert("No results found");
          }
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
  }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
 <div id="map_canvas" style="width:100%; height:100%">
</body>
</html>

工作代码段：

var geocoder;
var map;
var address = "San Diego, CA";

function initialize() {
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(-34.397, 150.644);
  var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeControl: true,
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
    },
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  if (geocoder) {
    geocoder.geocode({
      'address': address
    }, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
          map.setCenter(results[0].geometry.location);

          var infowindow = new google.maps.InfoWindow({
            content: '<b>' + address + '</b>',
            size: new google.maps.Size(150, 50)
          });

          var marker = new google.maps.Marker({
            position: results[0].geometry.location,
            map: map,
            title: address
          });
          google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map, marker);
          });

        } else {
          alert("No results found");
        }
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
}
google.maps.event.addDomListener(window, 'load', initialize);

html,
body,
#map_canvas {
  height: 100%;
  width: 100%;
}

<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="map_canvas" ></div>

类似资料：

使用百度地图api实现根据地址查询经纬度

本文向大家介绍使用百度地图api实现根据地址查询经纬度，包括了使用百度地图api实现根据地址查询经纬度的使用技巧和注意事项，需要的朋友参考一下以上就是代码的全部内容了，小伙伴们可以直接使用在项目中哦，不用跟我说谢谢，请叫我雷锋大大~
通过Google Maps API使用地址而不是经度和纬度

问题内容：我听说可以提交一个地址而不是经度和纬度，这对于我的系统来说将更加可行。用户在创建个人资料时必须输入他们的地址，之后他们的个人资料将显示其房屋的Google地图。我目前可以将Google Maps API与经度和纬度完美配合使用：请有人帮我修改代码，以便它使Google Maps API可以在其位置请求地址，因为我想直接从mySQL数据库中读取用户的地址。问题答案：使用Google
基于python实现地址和经纬度转换

本文向大家介绍基于python实现地址和经纬度转换，包括了基于python实现地址和经纬度转换的使用技巧和注意事项，需要的朋友参考一下中文领域：指的是提取境内地址的经纬度，的主要调用的是百度API。中间经历了一些波折，刚开始直接使用网上代码debug半天都不行，才发现要随时跟进官方改动，使用别人的API一定要看说明书啊！首先需要从百度地图平台上注册一个AK（在这之前要注册百度的开发者身份，免
JS使用百度地图API自动获取地址和经纬度操作示例

本文向大家介绍JS使用百度地图API自动获取地址和经纬度操作示例，包括了JS使用百度地图API自动获取地址和经纬度操作示例的使用技巧和注意事项，需要的朋友参考一下本文实例讲述了JS使用百度地图API自动获取地址和经纬度操作。分享给大家供大家参考，具体如下：在实际工作中我们经常会遇到这样的问题，但是当我们去看百度API的时候往往又达不到我们的要求。故此，本篇博文讲述如何使用百度地图API自动获
在PHP中使用IPv6地址

问题内容：经过一番彻底的搜索之后，我注意到PHP中缺少处理IPv6]的功能。为了我个人的满意，我创建了一些功能来帮助过渡。该功能是此处提出的临时解决方案：如何在关系数据库中存储IPv6兼容地址。它将IP分成两个整数，并以数组形式返回它们。对于这些函数，我通常通过首先调用此函数来实现它们：有人请告诉我，如果我在这里重新发明轮子，或者我做错了什么。此实现将IPv4转换为IPv6。它不涉及的任
如何将经度和纬度转换为街道地址

问题内容：给定纬度和经度，我们如何使用Javascript或Python将其转换为街道地址？问题答案：大多数人在99％的时间内将您链接到Google Maps的API。不错的答案。但是- 注意禁止用途，使用限制和使用条款！尽管许多分布式应用程序并未违反使用限制，但对于Web应用程序而言却是相当有限的。TOS不允许您将皮肤上的数据重新用于Google应用程序中。您不希望因Google发出的终止

在Google Maps API中使用地址代替经纬度

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档