基于SharePoint的JavaScript定位应用无法启用定位功能求助

我帮你梳理一下导致这个问题的几个核心原因，以及对应的解决步骤：

1. 混合内容安全拦截（最可能的元凶） #

你代码里加载Google Maps的URL用的是http://协议，而现在几乎所有SharePoint站点（不管是Online还是本地部署）都是https://加密协议。主流浏览器（Chrome、Edge、Firefox等）会严格阻止HTTPS页面加载HTTP资源，这种"混合内容"会触发浏览器的安全机制，不仅地图加载会出问题，连Geolocation API的请求也会被连带拦截，甚至直接禁用位置权限选项。

解决办法：把Google Maps的脚本URL改成HTTPS协议，同时去掉参数里的多余空格：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

2. SharePoint站点的自定义脚本权限限制 #

SharePoint（尤其是现代站点）默认会禁用页面中的自定义脚本，这是微软为了站点安全设置的默认策略：

• 对于现代站点：默认不允许在页面中嵌入自定义JS代码，除非管理员在SharePoint管理中心开启了"允许自定义脚本"权限，或者用PowerShell执行命令：

  Set-SPOsite -Identity https://yourtenant.sharepoint.com/sites/yoursite -DenyAddAndCustomizePages $false
  

• 对于经典站点：检查站点集功能里的"脚本"功能是否启用，以及HTML字段安全设置是否允许执行相关脚本。

如果是企业级SharePoint，建议改用**SPFx（SharePoint Framework）**来开发你的应用，这是微软官方推荐的现代SharePoint自定义开发方式，它的权限模型更安全，能绕过很多脚本限制，也更符合SharePoint的开发规范。

3. 浏览器/企业组策略强制禁用位置权限 #

如果定位选项显示为只读无法开启，大概率是公司的组策略强制禁用了浏览器的位置权限，或者SharePoint站点被浏览器加入了位置权限阻止列表。这种情况下，你需要联系公司的IT部门调整相关策略，个人用户无法自行修改。

4. Geolocation API的HTTPS要求 #

Geolocation API在绝大多数浏览器里，只有HTTPS站点（localhost除外）才能正常调用。如果你的SharePoint站点是HTTP协议（现在这种情况很少见），也会直接导致定位功能被阻止，建议把站点配置为HTTPS。

修正后的完整代码 #

这里给你调整好的代码，已经修复了混合内容的问题：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function (p) {
        var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude);
        var mapOptions = {
            center: LatLng,
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions);
        var marker = new google.maps.Marker({
            position: LatLng,
            map: map,
            title: "<div style='height:60px;width:200px'><b>Your location:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude
        });
        google.maps.event.addListener(marker, "click", function (e) {
            var infoWindow = new google.maps.InfoWindow();
            infoWindow.setContent(marker.title);
            infoWindow.open(map, marker);
        });
    });
} else {
    alert('Geo Location feature is not supported in this browser.');
}
</script>
<div id="dvMap" style="width: 500px; height: 500px">
</div>

内容的提问来源于stack exchange，提问作者Iamnderon