如何将json格式设置为html5属性"data-settings"

how to set json format to html5 attribute "data-settings"

本文关键字：quot 属性 data-settings html5 json 格式 设置      更新时间：2023-09-26

这是相关的div:

<div id="map" class="map" data-settings="map-settings.json"></div>

map-settings。json: 

{
"mapZoom": 15,
"markerAddress": "881 7th Ave New York",
"offsetX": 100,
"offsetY": 10,
"markerImagePath": "assets/img/marker-21x32.png",
"markerLatLng": [
    40.7652577,
    -73.9798788
]}

我想把JSON文件内的"data-settings"属性我试过这个:

<div id="map" class="map" data-settings='{
"mapZoom": 15,
"markerAddress": "881 7th Ave New York",
"offsetX": 100,
"offsetY": 10,
"markerImagePath": "assets/img/marker-21x32.png",
"markerLatLng": [
    40.7652577,
    -73.9798788
]}'></div>

但是不工作!

有什么帮助吗

可以;你所要做的就是像

这样访问它
var  myMap = document.getElementById("map"),
mySettings = JSON.parse(myMap.dataset.settings);
相关文章：