这个问题通常是由于地图API密钥的错误设置或没有启用跨源资源共享(CORS)引起的。
为了解决这个问题,可以尝试以下步骤:
检查Google Maps API密钥是否已正确设置并且与您的域名匹配。确保您已在Google开发者控制台上为您的密钥设置了正确的API权限和限制。
检查是否启用了CORS。在Django中,CORS通常由django-cors-headers库处理。
安装django-cors-headers库
pip install django-cors-headers
添加以下内容到您的Django项目的settings.py文件中:
INSTALLED_APPS = (
...
'corsheaders',
...
)
MIDDLEWARE = [
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
...
]
CORS_ORIGIN_ALLOW_ALL = True
运行以上配置之后,刷新您的部署页面,并检查控制台是否还出现错误。
希望这些步骤能够解决您的问题。