Google карты две карты на одной странице [дубликаты]

Question

Google карты две карты на одной странице [дубликаты]

-3

ну, я использую этот код для своего сайта сейчас → http://bootply.com/98836

но мне нужно две карты на одной странице, поэтому я дублирую ее и просто меняю 'div id'

первая карта

<div id="map-canvas"></div>
<span id="map-input"> address </span>

и вторая карта

<div id="maps-canvas"></div>
<span id="maps-input"> address </span>

и я сделал.js для него

но его не работает, он будет иметь два адреса на первой карте

как я могу это решить???????

user3122171 20 дек. 2013, в 11:04

Источник

Теги:

javascript

twitter-bootstrap

google-maps

2 ответа

Ещё вопросы

Milanzor · Answer 1 · 2013-12-20T11-25-00.000Z

Вы можете иметь столько карт на странице, сколько хотите, так как вы не используете идентификатор более одного раза. У вас есть 2 # карты-холста, поэтому javascript не будет знать, что вы имеете в виду.

Измените идентификаторы и создайте карту для каждого div:

<div id="map-canvas-first"></div>
<span id="map-input-first"> address </span>


<div id="maps-canvas-second"></div>
<span id="maps-input-second"> address </span>


mapFirst = new google.maps.Map(document.getElementById('map-canvas-first'),mapOptions);
mapSecond = new google.maps.Map(document.getElementById('map-canvas-second'),mapOptions);

его идентификаторы уникальны map-canvas и maps-canvas различны.

Moritz Düsseldorf · Answer 2 · 2013-12-20T10-13-00.000Z

0

не используйте идентификатор дважды. Идентификаторы уникальны

Может быть, это помогает:

Как отобразить несколько карт Google на странице с API V3

Moritz Düsseldorf 20 дек. 2013, в 10:13

2

Он не использовал идентификатор дважды
Dr.Molle 20 дек. 2013, в 09:32
0

ну, согласно его посту, он сделал. Код, который он выложил для первой и второй карты, имеет одинаковые идентификаторы
Moritz Düsseldorf 20 дек. 2013, в 09:37
2

#map-canvas и #maps-canvas не совпадают
Dr.Molle 20 дек. 2013, в 09:39

Показать ещё 1 комментарий