Нужен сервис, который по местоположению и координатам дает адрес на нужном языке.
Например dadata

нужно обращаться не к svg, а к его path - у него есть fill - заливка и stroke - обводка
svg path:hover {
display: block;
stroke: #000
}

(
 '<h1>'  . $jsn->name . '</h1>' . 
 '<div>' .  'Температура:' . $jsn->main->temp . '</div>' .
 '<div>' . 'Давление:' . $jsn->main->pressure. '</div>' .
 '<div>' . 'Ветер:' . $jsn->main->humidity. '</div>'
  )

const [database, setDatabase] = useState()

function qweqwe (id){
  setDatabase(database.map(e => {
      if(e.id === id) {
          e.bought = true
      }
      return e
  })
}