2014-01-07 3 views
0

Ответ на вопрос Center a map in d3 given a geoJSON object помог мне определить лучшие значения масштаба и перевода карты Торонто. Мой сценарий доступен на http://www.climateactionnow.ca/map-scriptD3 - где я могу добавить d3.behavior.zoom() к масштабированной карте

Теперь я хотел бы добавить поведение масштабирования следуя пример на http://bl.ocks.org/mbostock/2374239

Однако я не уверен, куда добавить код масштабирования благодаря перерисованным проекциям. Может ли кто-нибудь предложить, как разместить код масштабирования?

+0

Вместо изменения проекции, вы бы модифицировать преобразование SVG. Значения для этого (перевод, масштаб) могут быть определены одинаково. –

+0

Я не уверен, «где добавить зум из-за проекта перерисовывания», если вы имеете в виду, какой элемент добавить слушателя событий, просто добавить прослушиватель событий в корневой svg, потому что событие масштабирования будет пузыриться до него, если вы хотите чтобы получить масштаб и перевести информацию, вы можете посетить d3.event для получения информации. вот хороший пример: http: //bl.ocks.org/biovisualize/2322933 –

+0

Я все еще немного не разбираюсь в этом процессе. У меня есть группа, которая включает в себя карту (после ее перемасштабирования) и с наложением кругов с прикрепленными к ним действиями (извините, я знаю, что не использую правильные условия.) Я не хочу использовать прокрутку для масштабирования. Я бы предпочел использовать щелчок/двойной щелчок, но клик определяется как одно из действий для кругов. Могу ли я сделать то и другое? т. е. если я нажму на карту за пределами кругов, она будет увеличиваться? – PatriciaW

ответ

0

Правильное поведение было получено по примеру на bl.ocks.org/mbostock/2206590

Смежные вопросы