Как обработать функцию js из html ?

Есть код html
<html>
<head>
<script type="text/javascript"src="map.js"></script>
</head>
<body>
	<button style="border: 1; background: transparent" onclick="ZoomOut();">-</button>
	<button style="border: 1; background: transparent" onclick="ZoomIn();">+</button>
</body>
</html>


И есть код JS
function ZoomIn()
{
	var zoomLevel = map.getZoom() + 1;
	map.setView({ zoom: zoomLevel });
}

function ZoomOut()
{
	var zoomLevel = map.getZoom() - 1;
	map.setView({ zoom: zoomLevel });
}


При нажатии на клапки "+" или "-" ничего не происходит
  • Вопрос задан
  • 2682 просмотра
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Проблема не в вызове
codepen.io/iiil/pen/JCLBq

upd:
после уточнений codepen.io/iiil/pen/eKsxl
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Возможно функции ZoomIn и ZoomOut находятся не в глобальной области видимости.
Попробуй заменить
function ZoomIn()
на
window.ZoomIn = function()
И для другой функции также.
Ответ написан
В теге script не хватает пробела перед атрибутом src
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы