javascript - Flask 和 GoogleMaps Api Javascript
问题描述
我正在尝试管理 Google Maps Api 以便在 Flask 中工作。但是它不会给出任何错误,但它不会渲染地图本身。它在简单的 .html 上完美运行,但是 Flask 在渲染 map.js 文件本身时遇到问题
地图.js
// Initiation of marker for Google Maps Api
function initMap() {
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 8,
center: {
lat: 52.857500,
lng: -8.987437
}
});
var labels = "ABCDEFGHIJKLMONPQRSTUVWXYZ";
var locations = [{
lat: 52.857500,
lng: -8.987437
}];
var markers = locations.map(function(location, i) {
return new google.maps.Marker({
position: location,
label: labels[i % labels.length]
});
});
var markerCluster = new MarkerClusterer(map, markers, {
imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'
});
}
烧瓶代码
{% extends 'base.html' %}
{% block content %}
<!-- content -->
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<br><br>
<div class="row center"></div>
<h2 class="header center black-text">How to approach our office ? </h2>
<div class="row center">
<h5 class="header col s12 light">85 Aughanteeroe<br> Gort Road <br> Ennis <br> Co. Clare<br>V95 CXV2<br>Ireland</h5>
</div>
<div class="row center" id="map">
<br>
</div>
</div>
</div>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCef1gneSCdkePrWnkXROPQUynW490rnd4&callback=initMap"></script>
<script src="{{url_for('static', filename='js/map.js')}}"></script>
解决方案
推荐阅读
- android - 使用应用程序创建 ViewModel
- couchbase - 如何使用 N1QL 将单值对象列表转换为数组
- java - 如何启用 Eclipse/Java 处理特殊的 unicode 字符
- html - HTML + CSS:我如何将这两个按钮垂直放置在同一水平线上
- android - 如何解决此 AuthStateListener 问题
- python - 我可以在并行窗口中为当前也在运行作业的同一台客户机执行 vagrant ssh 吗?无论如何它会干扰当前的工作吗?
- git - 管道等效于“git diff REVISION”
- c++ - 字符串化模板参数
- node.js - 创建一个 Typescript + React 通用库
- python - 使用 Python 解析 XML 解析外部实体引用