--- metadata: - name: generator content: Diplodoc Platform v5.39.1 alternate: - https://yandex.com.tr/dev/jsapi-v2-1/doc/en/v2-1/examples/cases/show_visible_objects.md - https://yandex.com.tr/dev/jsapi-v2-1/doc/ru/v2-1/examples/cases/show_visible_objects.md --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/dev/jsapi-v2-1/doc/en/llms.txt # Adding objects to the visible area of the map Open in CodeSandbox
ready, Map, Placemark, geoQuery, GeoQueryResult

Use the GeoQueryResult method to create objects on the map from their JSON descriptions.

This example explains how to add only objects that fall in the visible area to the map.

{% list tabs %} - index.html ```html Examples. Displaying objects in the visible area of the map.

Only placemarks that fall in the visible area are added to the map

``` - show_visible_objects.js ```js ymaps.ready(init); function init() { var myMap = new ymaps.Map( "map", { center: [55.73, 37.75], zoom: 8, }, { searchControlProvider: "yandex#search", } ); // Creating objects based on JSON descriptions of geometries. var objects = ymaps.geoQuery([ { type: "Point", coordinates: [55.73, 37.75], }, { type: "Point", coordinates: [55.1, 37.45], }, { type: "Point", coordinates: [55.25, 37.35], }, { type: "Point", coordinates: [55.25, 67.35], }, ]); // Finding objects in the visible area of the map. objects .searchInside(myMap) // And then adding the found objects to the map. .addToMap(myMap); myMap.events.add("boundschange", function () { // After each shift of the map we will see what objects are in the visible area. var visibleObjects = objects.searchInside(myMap).addToMap(myMap); // Then we'll delete the other objects from the map. objects.remove(visibleObjects).removeFromMap(myMap); }); } ``` {% endlist %}