主页 / coding / 问题

问题[google-maps](coding)

Martin Hope
user460114
Asked: 2025-04-07 23:45:09 +0800 CST
  • 5

现有代码如下，并未循环遍历 gmp-map html 元素来添加标记，而只是向其中一个元素添加标记。需要在 html 代码本身或 JavaScript 代码中使用循环。

<body>
    <cfoutput>
        <gmp-map
            center="#vLat#,#vLng#"
            zoom="10"
            map-id="DEMO_MAP_ID"
            style="height: 400px"
        >
        <cfloop query="qNearbyTradies">
            <gmp-advanced-marker
                position="#lat#,#lng#"
                title="#company_name# - #sublocality#, #locality#"
                gmpClickable=true
            ></gmp-advanced-marker>
        </cfloop>
    </cfoutput>
</body>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap&key=[KEY]&libraries=maps,marker&v=beta" async defer></script>
      
    
<script>
    async function initMap() {
        // I assume a javascript loop would begin here somewhere
        const m = document.querySelector("gmp-advanced-marker");
        m.addListener("click", ({ domEvent, latLng }) => {
            const { target } = domEvent;
            const infoWindow = new google.maps.InfoWindow;
            infoWindow.close();
            infoWindow.setContent(m.title);
            infoWindow.open(m.map, m);
        });
    }
    
    window.initMap = initMap;
</script>

我之前用 JavaScript 写了一些代码来生成公司数组，但在决定用 HTML 生成地图后，HTML 代码中已经有一个循环，如果可能的话，最好在这个循环中生成所有可点击事件。我正在寻找实现这个目标的指南。

google-maps
Martin Hope
onesiumus
Asked: 2025-02-08 07:49:55 +0800 CST
  • 6

我正在尝试使用新的 Places Insights API 来统计我所在城市的酒吧数量，但得到了意想不到的结果。我想统计主要以酒吧为主但不是以酒吧为特色的餐馆。我当前的查询如下所示：

{
    "insights": ["INSIGHT_COUNT"],
    "filter": {
        "locationFilter": {
            "region": {
                "place": "places/ChIJIQBpAG2ahYAR_6128GcTUEo"
            }
        },
        "typeFilter": {
            "includedTypes": ["bar"]
        }
    }
}

这返回了太多结果，因为它包括了以“酒吧”作为次要类型的餐馆。我该如何修改查询以仅获取以酒吧为主的地点？

google-maps
Martin Hope
Volodymyr
Asked: 2024-11-15 23:07:30 +0800 CST
  • 5

我正在尝试切换到动态库导入 API（来自过时的脚本标签）。我根据Google 电子表格中有关 Apps Script的文档制作了一个示例。结果，我希望在浏览器中获得 Google 地图，但在控制台中收到错误

userCodeAppPanel：2 未捕获的 SyntaxError：输入意外结束 userCodeAppPanel：6 未捕获（在承诺中）TypeError：无法读取未定义的属性（读取‘importLibrary’）在 initMap（userCodeAppPanel：6：39）在 userCodeAppPanel：15：1

以下是 Apps 脚本的代码：

<!doctype html>
<html>
  <head>
    <title>Simple Map</title>
    <script>
let map; 
// initMap is now async
async function initMap() { 
    // Request libraries when needed, not in the script tag.
    const { Map } = await google.maps.importLibrary("maps");
    // Short namespaces can be used.
    map = new Map(document.getElementById("map"), {
        center: { lat: 40.72476, lng: -74.04843 },
        zoom: 8,
    });

}

initMap();
</script>
  </head>
  <body>
    <div id="map"></div>
  
   <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src="https://maps.${c}apis.com/maps/api/js?"+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>

<style>
#map {
  height: 100%;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: grey;
}
</style>
  </body>
</html>

但在jsfiddle中同样的代码处理没有错误（结果显示为地图）。

我认为 Apps Script 中缺少某些内容。请帮助我了解原因并在动态库导入上运行代码

更新：修复引号部分解决了问题（感谢 Tanaike）。现在错误仍然存​​在：

未捕获（在承诺中）TypeError：无法读取未定义的属性（读取“importLibrary”）

要重现错误，您可以使用带有模态窗口调用的Google 电子表格。首先，按 F12 在浏览器中显示控制台，然后按脚本按钮并打开地图

google-maps
Martin Hope
Angela M
Asked: 2024-08-06 00:19:16 +0800 CST
  • 4

我正在尝试设置一个谷歌表格，我可以在其中输入两个地址，并从谷歌地图的 Excel 表格中获取行驶距离和时间

我有下面的脚本 - 但它一直出现错误 - 错误是异常：无效参数：来源 GOOGLEMAPS @GOOGLEMAPS.gs:4

我的脚本如下 your text

`function GOOGLEMAPS(start_address,end_address,return_type) {

  var mapObj = Maps.newDirectionFinder();
  mapObj.setOrigin(start_address);
  mapObj.setDestination(end_address);
  var directions = mapObj.getDirections();

  var getTheLeg = directions["routes"][0]["legs"][0];

  var meters = getTheLeg["distance"]["value"];

  switch(return_type){
    case "miles":
      return meters * 0.000621371;
      break;
      case "minutes":
      //get duration in seconds
      var duration = getTheLeg["duration"]["value"];
      //convert to minutes and return
      return duration / 60;
      break;
    case "kilometers":
      return meters / 1000;
      break;
    default:
      return "error:wrong unit type";
  }
}`
google-maps