Question

我是网络开发的新手，我想在我的html页面中嵌入一张地图。

我怎么能这样做？

我正在使用从QuantumGIS生成的带有qgis2leaflet插件的传单地图。将来，我想在地图中显示代表人口分布的热图。

这是我的HTML代码：

input radixes
let n_numbers = product_of radixes
for i = 0 to n_numbers-1 inclusive
    let n = i
    for digit_pos = 0 to number-of-radixes-1
        output n mod radix[digit_pos]
        let n = n div radix[digit_pos]
    output newline

Answer 1

看看这里：http://leafletjs.com/examples/quick-start.html 这是一个示例页面：http://leafletjs.com/examples/quick-start-example.html

通常，您必须在正文中为地图添加占位符div

<div id="my-custom-map" style="width: 600px; height: 400px"></div>

然后通过Javascript API创建传单地图：

var map = L.map('my-custom-map').setView([51.505, -0.09], 13);

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6IjZjNmRjNzk3ZmE2MTcwOTEwMGY0MzU3YjUzOWFmNWZhIn0.Y8bhBaUMqFiPrDRW9hieoQ', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
        'Imagery © <a href="http://mapbox.com">Mapbox</a>',
    id: 'mapbox.streets'
}).addTo(map);

请注意，您正在使用元素的id（my-custom-map）在该div中创建传单地图

如何将传单映射嵌入到html页面？

1 个答案: