定义
包含客户端图像映射的坐标数据。
Contains coordinate data for client-side image maps.
注释
所谓图像映射,就是带有预先定义区域的图像,这些区域包含了指向其它文档或锚的链接。例如,你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。
map 对象由 IMG 元素的 USEMAP 属性引用,格式如下:
<IMG SRC="solarsys.gif" USEMAP="#SystemMap">
MAP 元素包含一组定义图像中链接区域的 AREA 元素。
例如,你可以在一副太阳系的图像上创建用户点击后可浏览不同星球的链接。This element。
此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本的脚本中可用。
此元素不会改变显示。
此元素需要关闭标签。
An image map is a graphic image, with predefined regions, that contains links to other documents or anchors. For example, you could create an image of the solar system containing links that the user can click to navigate to pages for the individual planets.
The map object is referenced with the USEMAP attribute in an IMG element, as follows:
<IMG SRC="solarsys.gif" USEMAP="#SystemMap">
A MAP element contains a set of AREA elements defining the linking regions in the image.
包含客户端图像映射的坐标数据。就是带有预先定义区域的图像,这些区域包含了指向其它文档或锚的链接。
This element is available in HTML as of Internet Explorer 3.0, and in script as of Internet Explorer 4.0.
This element is not rendered.
This element requires a closing tag.
示例代码
linking regions in the image.下面的例子提供了一个太阳系的图像映射代码。
下面的例子提供了一个太阳系的图像映射代码。该代码在 MAP 元素中使用 AREA 元素及其 COORDS 值和 SHAPE 标签属性创建了由图象映射指向单个行星图像的链接。用户可以点击太阳或其它星球来单独浏览单个星球的图像,要返回到太阳系图像映射,用户可以单击后退按钮。
This example provides the full code for an image map of the solar system. It creates links from the image map to individual images of the planets using the AREA element with the MAP element, COORDS value, and SHAPE attribute. The user clicks the sun or any planet to link to an individual image. To return to the solar system image map, the user clicks the Back button.
<P><IMG SRC="solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0 ALT="Solar System" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA SHAPE="rect" COORDS="0,0,82,126" HREF="sun.gif" alt="sun">
<AREA SHAPE="circle" COORDS="90,58,3" HREF="merglobe.gif" alt="mercury">
<AREA SHAPE="circle" COORDS="124,58,8" HREF="venglobe.gif" alt="venus">
<AREA SHAPE="circle" COORDS="162,58,10" HREF="earglobe.gif" alt="earth">
<AREA SHAPE="circle" COORDS="203,58,8" HREF="marglobe.gif" alt="mars">
<AREA SHAPE="poly" COORDS = "221,34,238,37,257,32,278,44,284,60,281,75,288,91,267,87,253,89,237,81,229,64,228,54" HREF="jupglobe.gif" alt="jupiter">
<AREA SHAPE="poly" COORDS = "288,19,316,39,330,37,348,47,351,66,349,74,367,105,337,85,324,85,307,77,303,60,307,50" HREF="satglobe.gif" alt="saturn">
<AREA SHAPE="poly" COORDS = "405,39,408,50,411,57,410,71,404,78,393,80,383,86,381,75,376,69,376,56,380,48,393,44" HREF="uraglobe.gif" alt="uranus">
<AREA SHAPE="poly" COORDS = "445,38,434,49,431,53,427,62,430,72,435,77,445,92,456,77,463,72,463,62,462,53,455,47" HREF="nepglobe.gif" alt="neptune">
<AREA SHAPE="circle" COORDS="479,66,3" HREF="pluglobe.gif" alt="pluto">
</MAP>
分享到:
相关推荐
图像贴图调整 这是一个简单的库,可以使HTML Image Maps做出响应,从而使它们自动保持缩放... 此函数返回已绑定到的地图元素数组。 jQuery用法 包括和脚本,然后将以下调用添加到页面底部: $ ( 'map' ) . imageMapRe
您可以通过以下方式安装它: npm install -g polyserve您可以通过以下方式运行它: polyserve运行后,您可以在http://localhost:8080/components/google-map-heatmap/预览元素,其中google-map-heatmap是包含该元素...
html-element-map 通过HTML元素构造函数查找HTML标记名称,反之亦然。
好图是的简单自定义元素包装器... 您还可以指定zoom , latitude , longitude和map-options属性:< style >good-map { display : block; height : 400 px ;}</ style >< good-map api-key =" AIzaSyAQ
script type =" module " src =" https://unpkg.com/@maps4html/web-map-custom-element@latest/dist/mapml-viewer.js " > </ script > – 或使用 npm 安装。 npm install @maps4...
http://example.com/arcgis-map-thumbnail-builder/?webmap=yourwebmapid 局限性 Internet Explorer用户当前似乎无法保存在画布中显示的图像,而Chrome和Firefox用户可以右键单击画布或单击画布下方的链接以保存...
这个想法是,您可以在要呈现地图的位置传递一个变更集ID和一个容器HTML元素,并且此插件应在MapboxGL地图上的指定HTML元素中呈现该变更集所做的更改的详细信息。 受到ACHAVI Changeset Viewer的极大启发: ://...
默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 ...
要运行该应用程序: 要运行该应用程序,请下载所有存储库文件(克隆存... : 在Google Maps上浮动div的示例: : 如何为地图标记使用不同的颜色: : 按索引获取li元素以更改CSS: : 将Bootstrap与Google Maps结合使用: ...
好吧,一些接受自定义html的google map功能允许您向他们传递一个字符串或javascript dom元素,这在React中不能很好地发挥作用。 您可以让React将您的组件呈现为字符串,但随后您将失去React提供的出色功能,这很...
Google Maps插件 该插件将使用创建一个交互式地图。... script type =" text/javascript " src =" path/to/map-plugin.js " > </ script > 接下来,为地图和一些小CSS添加一个空HTML元素: < div id =
将“ map-overview.smx”放在安装了sourcemod的插件目录中(应该类似于/orangebox/tf/addons/sourcemod/plugins ) 更改地图或重新加载地图(这将加载插件)。 玩你的比赛 您应该在tf根目录中找到一个JSON文件 将...
马里健康地图对于这个工作室,想象一下您在一个开发组织中工作,该组织试图解决马里的营养不良问题。 计划管理者希望确定其工作所在国家部分地区的现有卫生场所,这些场所可用于分发有关营养不良的信息,举办有关...
为地图创建自定义 HTML 元素 笔记 Mapbox 键和地图 ID 已被删除。 如果您想查看示例工作,则必须添加自己的。 链接 地图 Mapbox.js: ://www.mapbox.com/mapbox.js/api/v2.1.0/ 传单: : 不是 Web 组件 AngularJS...
好吧,首先,您必须找到一个被许可使用的参考,将其数字化并重新绘制信息,对于2平方英寸的元素,这可能是很多工作。 GIS是朝正确方向迈出的坚实一步。 对于较大的地图,尤其是那些说明复杂数据的地图,它是首选的...
area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。 img标签中的usemap属性可引用的map标签中的id或name属性(取决于浏览器),所以我们应同时向map标签添加id和name属性。 示例 例如我们想在下面...
解决:使用百度地图静态图处理( http://lbsyun.baidu.com/index.php?title=static ),这时域名确定了( http://api.map.baidu.com ),可以用反向代理来解决跨域 <!--html--> <el-image :src=`/baidu-...
应用程序接口patcher(element,[initial])参数element (Element): 要修补的 DOM 元素[initial] (String): 要渲染的初始模板返回(WritableStream):将字符串通过管道传输到此流中,它将更新构造函数中提供的元素中的 ...
#Pathfing Challenge Map Creator ###Introduction 此应用程序用于生成一系列可点击点,以用于我的 Pathfining Challenge Web 应用程序。 应用程序显示代码中指定的地图,用户选择点以生成旅行商距离优化问题。 这个...
它可以使用本机选择器复制/粘贴指定HTML元素CSS样式。 为样式定义创建一个JSON对象,并以相同格式输入/输出。 style表示HTML attribute: style ,因此不包括 。 主要特点 获取/设置样式 用法 获取样式 StyleDropper....