Google Maps v3 & Raphaël

Совсем коротенький пост о том как подружить Google Maps v3 и Raphaël

Я упомянул в прошлом посте, что я хотел нарисовать десяточку на улыбке Моны Лизы, но из-за стечения обстоятельств так этого и не сделал. И не сделаю сегодня ;) Но покажу куда копать.

В третьей (3.1 если быть точнее) версии API появились встроенные объекты, попробуем их использовать для рисования.


for (var i = 0, j = 11; i < j; i++) {
	new google.maps.Circle({
		strokeWeight: 2,
		strokeColor: "#ffffff",
		map: map1,
		center: new google.maps.LatLng(0, 0),
		radius: i * 1000000
	});
}

Updated 04.09.10 после небольшой коррекции реализации Эвклидовой проекции, круги перестали правильно рисоваться, так что в этом примере проекция немного подхачена, чтобы вернуть кругу былую квадратность.

В рот мне ноги! Да это же квадратичный круг! Не-не-не Дэвид Блэйн ты нас не проведешь!

Вобщем вы поняли что это лажа и при больших радиусах круг становиться не очень круглым. Хотя идея хороша.

Ну думаю самое время перейти к рисованию кругов при помощи Raphaël, полчается несомненно круглее.

С таким подходом можно создать новый overlay который будет рисовать не просто круг а сразу всю десяточку. Успехов!

2 Комментарии “Google Maps v3 & Raphaël

Комментарии закрыты