Можно ли сделать асинхронную загрузку yandex-карты?

<script  type="text/javascript">
$(document).ready(function() { $('#btn1666').hover(function(){  
$.ajax({ url: "canal22.php",cache: false,success: function(html){ $("#con").html(html); }
}); }); }); </script><div  id="con"><a href="#коллекция"  id="btn1666">коллекция каналов и роликов</a></div>

Да, но там куча сложностей.
Используйте rx.js что бы было проще с асинхронной загрузкой, и кэшируйте readahead.
Планирование readahead'а можно рассчитывать в зависимости от ширины канала каждого конкретного устройства.

Прикрутить к viewport - частный случай. Это Вы должны реализовать, а не yandex за Вас.
Я использовал эту библиотеку - помогало.