CodeIgniter项目中Google Maps加载本地XML坐标文件失败求助

看起来你遇到的核心问题是CodeIgniter的URL重写规则拦截了本地XML文件的直接访问，加上前端路径配置可能有误，导致地图无法读取到坐标数据。下面我会一步步给你拆解解决方案：

一、先搞懂问题根源 #

CodeIgniter默认通过index.php处理所有请求，根目录下的.htaccess文件会把非文件/非目录的请求都导向index.php。如果你的XML文件直接放在项目根目录，直接访问它的URL（比如http://你的域名/coordinates.xml）会被重写规则拦截，返回CI的404页面，自然前端JS读不到内容。

二、具体解决方案 #

方案1：修改.htaccess，允许直接访问XML文件 #

打开项目根目录的.htaccess（没有的话新建一个），在原有重写规则前添加XML文件的排除规则：

# 允许直接访问XML格式的文件
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !\.xml$
RewriteRule ^(.*)$ index.php/$1 [L]

这样，当请求指向存在的.xml文件时，就不会被转去index.php，而是直接返回文件内容。

之后在前端JS里使用绝对路径访问XML：

function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
    });

    // 用绝对路径指向根目录的XML文件
    var xmlUrl = '/coordinates.xml'; 

    downloadUrl(xmlUrl, function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName('marker');
        Array.prototype.forEach.call(markers, function(markerElem) {
            var lat = parseFloat(markerElem.getAttribute('lat'));
            var lng = parseFloat(markerElem.getAttribute('lng'));
            new google.maps.Marker({
                position: new google.maps.LatLng(lat, lng),
                map: map
            });
        });
    });
}

// 保留Google Maps示例中的downloadUrl工具函数
function downloadUrl(url, callback) {
    var request = window.ActiveXObject ?
        new ActiveXObject('Microsoft.XMLHTTP') :
        new XMLHttpRequest;

    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
        }
    };

    request.open('GET', url, true);
    request.send(null);
}

function doNothing() {}

方案2：把XML放到可直接访问的资源目录 #

更规范的做法是把静态资源（比如XML、图片、JS）放到专门的目录，比如在项目根目录创建assets/xml文件夹，把你的XML文件放进去（比如assets/xml/coordinates.xml）。

这个目录默认可以被直接访问（因为.htaccess会跳过存在的目录/文件），前端JS里的路径就改成：

var xmlUrl = '/assets/xml/coordinates.xml';

方案3：通过CodeIgniter控制器输出XML（适合需要加密/处理内容的场景） #

如果不想直接暴露XML文件，或者需要对坐标数据做预处理，可以创建一个控制器来读取并输出XML：

1. 创建application/controllers/XmlController.php：

<?php
class XmlController extends CI_Controller {
    public function coordinates() {
        // 设置响应头为XML格式
        $this->output->set_content_type('text/xml');
        // 读取根目录的XML文件（FCPATH是CI提供的项目根目录常量）
        $xml_content = file_get_contents(FCPATH . 'coordinates.xml');
        // 输出XML内容
        $this->output->set_output($xml_content);
    }
}

2. 前端JS里的路径改成控制器的访问地址：

// 启用URL重写的情况
var xmlUrl = '/xmlcontroller/coordinates';
// 未启用URL重写的情况
var xmlUrl = '/index.php/xmlcontroller/coordinates';

三、关键检查步骤 #

1. 先在浏览器里直接访问XML的URL：如果能看到XML的内容，说明路径和访问权限没问题；如果返回404，先排查.htaccess或文件位置。
2. 检查文件权限：确保XML文件的权限是Web服务器可读的（Linux下一般设为644）。
3. 避免相对路径：不要用../coordinates.xml这类相对路径，因为CI的页面URL是路由地址，相对路径会指向错误的位置，必须用绝对路径（以/开头）。

内容的提问来源于stack exchange，提问作者Baeyens Raphaël