Как я могу изменить размер карты Google на flask? - PullRequest
Новая
       7

Как я могу изменить размер карты Google на flask?

3 голосов
/ 06 февраля 2020

Я использую открытый исходный код для использования Google Map API, но я не знаю, как изменить размер карты. Вот мой код Пожалуйста, помогите мне. 

index.html

<body><div>{{sndmap.html}}</div></body>

main.py

@app.route('/')
def index():

    sndmap = Map(
        identifier="sndmap",
        varname="sndmap",
        lat=37.4419,
        lng=-122.1419,
        markers=[(37.4419, -122.1419), (37.4500, -122.1350), (37.4300, -122.1400, "Hello World")]
    )

    return render_template('index.html', sndmap=sndmap, GOOGLEMAPS_KEY=request.args.get('apikey'))

1 Ответ

1 голос
/ 06 февраля 2020

Вы можете легко включить встроенное моделирование, но добавление таблицы стилей в основном считается наиболее поддерживаемым методом.

Это делается путем присвоения желаемому тегу класса. Затем свяжите таблицу стилей css с вашим html и обновите css по мере необходимости.

Я включил пример.

projectroot/index.html

<html lang="en">
<head>
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='style/style.css') }}">
</head>
<!-- Other html -->
<body>
    <div class="google-map">
      {{ sndmap.html }}
    </div>
</body>
<!-- Other html -->
</html>

projectroot/static/styles/style.css

/* More css */

.google-map {
   max-width: 500px;
   max-height: 200px;
}

/* More css */

Не следует копировать дословно так как вам нужно будет поиграть с точным стилем, чтобы добиться желаемого образа. Количество вариантов настройки по стандарту css бесконечно. Я бы порекомендовал поискать общие шаблоны и справиться с тем, что вам нравится.

...