Web applications 如何将Google地图集成到web应用程序中?

Web applications 如何将Google地图集成到web应用程序中?,web-applications,google-maps,integration,Web Applications,Google Maps,Integration,我有一个web应用程序。我想集成谷歌地图来显示用户在搜索位置键入的位置的地图。有什么帮助吗?步骤1:打开要嵌入的地图。它可以是您在“我的地图”选项卡下创建的地图,也可以是对地址、当地业务或驾驶方向的搜索 步骤2:单击“链接到此页面”后,从文本框复制HTML代码。您还可以自定义地图的大小,并在嵌入之前进行预览 步骤3:将HTML代码粘贴到网站或博客编辑器中 或者看看这个网站 你需要的是 地理编码(一种将地址转换为长的lat地址的方法) 还有一张简单的地图 如果我正确理解了您的问题,您希望您的用户

我有一个web应用程序。我想集成谷歌地图来显示用户在搜索位置键入的位置的地图。有什么帮助吗?

步骤1:打开要嵌入的地图。它可以是您在“我的地图”选项卡下创建的地图,也可以是对地址、当地业务或驾驶方向的搜索

步骤2:单击“链接到此页面”后,从文本框复制HTML代码。您还可以自定义地图的大小,并在嵌入之前进行预览

步骤3:将HTML代码粘贴到网站或博客编辑器中

或者看看这个网站 你需要的是

地理编码(一种将地址转换为长的lat地址的方法)

还有一张简单的地图

如果我正确理解了您的问题,您希望您的用户搜索一个位置,然后将其显示在地图上。如果是这种情况,那么使用提供的可以非常轻松地完成。考虑下面的例子:

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Geocoding Demo</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 400px; height: 300px;"></div> 

   <script type="text/javascript"> 

   var address = 'London, UK';

   var map = new google.maps.Map(document.getElementById('map'), { 
       mapTypeId: google.maps.MapTypeId.TERRAIN,
       zoom: 6
   });

   var geocoder = new google.maps.Geocoder();

   geocoder.geocode({
      'address': address
   }, 
   function(results, status) {
      if(status == google.maps.GeocoderStatus.OK) {
         new google.maps.Marker({
            position: results[0].geometry.location,
            map: map
         });
         map.setCenter(results[0].geometry.location);
      }
      else {
         // Google couldn't geocode this request. Handle appropriately.
      }
   });

   </script> 
</body> 
</html>

谷歌地图地理编码演示
var地址='英国伦敦';
var map=new google.maps.map(document.getElementById('map'),{
mapTypeId:google.maps.mapTypeId.TERRAIN,
缩放:6
});
var geocoder=new google.maps.geocoder();
地理编码({
“地址”:地址
}, 
功能(结果、状态){
if(status==google.maps.GeocoderStatus.OK){
新的google.maps.Marker({
位置:结果[0]。geometry.location,
地图:地图
});
map.setCenter(结果[0].geometry.location);
}
否则{
//谷歌无法对此请求进行地理编码。请妥善处理。
}
});
截图:


您可以简单地将
地址
变量的值替换为用户搜索的位置。

以显示您公司的位置??不准确。这个位置是用户愿意通过地图看到的。我不想透露更多细节,因为这是机密。