Javascript 使用MAPBOX搜索附近的餐厅/餐饮场所

我是一个初学者，对API不太了解。我想为附近的餐馆搜索和其他一些无关的东西制作一个web应用程序。我使用的是laravel框架。我在MAPBOX中设计了一个自定义地图。我不能附加任何代码，因为除了一点研究之外，我什么都没做。我已经添加了指向MAP GL JS的链接，地图显示良好。我希望用户能够在文本中添加他们的位置，或者打开他们的位置服务。地图上应该显示靠近该地点的食物地点。 我不知道我是否足够彻底，因为这是我的第二个问题。 任何能让我开始的帮助都将不胜感激

<div id='map' style='margin-top:10px;width: 100%; height: 90vh'></div>

mapboxgl.accessToken = 'MYTOKEN';

var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/MYSTYLE',
    center: [74.3587, 31.5204], // starting position
    zoom: 14 // starting zoom
});

// Add zoom and rotation controls to the map.
map.addControl(new mapboxgl.NavigationControl());

map.addControl(
    new MapboxDirections({
        accessToken: mapboxgl.accessToken
    }),
    'top-left'
);
var map = new mapboxgl.Map({
    container: 'map', // container id
    style: 'mapbox://styles/hadia125/ckcjiyik542ig1iqnvfrjjexf',
    center: [74.3587, 31.5204], // starting position
    zoom: 14 // starting zoom
});

map.addControl(
    new MapboxDirections({
        accessToken: mapboxgl.accessToken
    }),
    'top-left'
);