【问题标题】:Inserting html tags on image at specific positions in html and css [closed]在 html 和 css 中特定位置的图像上插入 html 标签 [关闭]
【发布时间】:2017-02-15 19:07:00
【问题描述】:

我有这张图片 Map.png。我想使用 html 编写这些位置框的文本。 这样我就可以动态更改它。 我只是不知道该怎么做..请给我一个方向。

【问题讨论】:

  • 你写代码。那是你的工作。这不是一个代码编写服务,或者“为我做我的工作”,或者“教我如何做我的工作”。您编写代码,我们(也许)尝试帮助修复它。

标签: javascript jquery html css png


【解决方案1】:

有几种方法可以做到这一点。

  1. 简单的方法是仅使用 css 绝对属性和顶部/左侧属性将位置图标定位在 map.png 的顶部。将 map.png 添加到 div 并使 div css 位置相对。在 top/left 属性中添加每个位置图标,并确保位置图标 css 位置是绝对的。

  2. 更好的方法是使用Google Map Api。在 Google 地图上绘制 map.png 中各州的多边形,然后放置 Google 位置标记。更加流畅且非常易于使用。

【讨论】:

    猜你喜欢
    • 2020-07-10
    • 2017-09-29
    • 2019-03-24
    • 1970-01-01
    • 2022-06-13
    • 1970-01-01
    • 2016-11-16
    • 1970-01-01
    • 2017-07-15
    相关资源
    最近更新 更多