Cookies Jquery中的Cookie更新问题

我正在尝试实现地理位置弹出窗口，其中我需要在cookie中设置坐标，我必须检查用户是否已拒绝，稍后如果他允许从浏览器访问位置，我必须更新cookie中的坐标。我已经做了很多，但当从浏览器更改位置访问权限时，cookies不会在页面重新加载时更新。当我重新加载页面时，Cookie更新次数超过。请帮助我修复此问题

navigator.permissions&&navigator.permissions.query（{name:'geolocation'}）
.然后（功能（许可状态）{
console.log（PermissionStatus）；
if（PermissionStatus.state==“已授予”）{
navigator.geolocation.watchPosition（函数（位置）{
if（Cookies.get（'latitude'）！=position.coords.latitude）{
Cookies.set（'latitude'，position.coords.latitude）
Cookies.set（'longitude'，position.coords.longitude）
console.log（'grated'，document.cookie）；
}    
})
}if（PermissionStatus.state==“拒绝”）{
控制台日志（'denied1'）；
if（Cookies.get（'latitude'）！=“”）{
console.log（'denied2'）；
Cookies.remove（'latitude'）
Cookies.remove（'longitude'）
}
/*document.cookie=“latitude=”；
document.cookie=“longitude=”；
document.cookie=“latitude=；expires=Thu，1970年1月1日00:00:00 UTC；path=/；”；
document.cookie=“经度=；过期=周四，1970年1月1日00:00:00 UTC；路径=/；”；
*/
//console.log（'denied'，document.cookie）；
}
})