javascript - 如何调用 Google 的 API 两次？我想进行地理编码并显示 map

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

脚本1)

<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=THISISMYAPIKEYBLABLABLA&callback=initMap">
    </script>

然后我可以制作一个脚本来制作新 map ，这太棒了。效果很好。

脚本2)

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"> </script>

然后我只需使用函数和文本框进行一些魔法，当用户在文本框中键入内容时，它会自动进行快速搜索，并返回纬度/经度值!

然后我有这个运行的 .js 脚本:

$(document).ready ( function(){
      initilize();

});
function initilize() {
    google.maps.event.addDomListener(window, 'load', initilize);
    var autocomplete = new google.maps.places.Autocomplete(document.getElementById('txtautocomplete'));

    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();
        var location = "<b>Location:</b>" + place.formatted_address + "<br/>";
        location += "<b>latitude:</b>" + place.geometry.location.lat() + "<br/>";
        location += "<b>longitude:</b>" + place.geometry.location.lng() + "<br/>";
        document.getElementById('lblResult').innerHTML = location;
    });
};

当我单独测试这些脚本时，它们工作得很好，但是当我尝试将它们组合起来时，我得到错误代码:

问题:

1) 我如何运行两者？如果我在正文中包含上述两个脚本，则会收到错误并且它不起作用。这是主要问题和问题。我假设我必须在一个脚本 src= html 标记中完成这两项操作。

2)(可选)对于 twitter，我必须运行一个 Express 节点服务器，并执行 OAUTH，上面两个脚本究竟发生了什么。一个有 API key ，另一个没有，我尝试阅读文档，但有点令人困惑。所以我想什么是让两者工作并访问他们的 API 的“最佳”方式

Answer 1

将所有选项放入 API 的一次加载中:

<script async defer
  src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places&key=THISISMYAPIKEYBLABLABLA&callback=initMap">
</script>