1登录百度地图api，地址indexhtml 2设置你的地理位置，以北京大学为例子如图3简单设置下地图功能，也可以不设置地图的宽度和高度根据网页空间的大小设置就可以4。

用图像热点设置有效利用ltimg标签的usemap属性，给图片划分一个地图，设定图片热点即给图片分区，但不是切割，图片还是完整的，只是用代码将图片分成几个部分，然后给热点设定相应的链接usemap属性的用法使用时。

lt！DOCTYPE html lthtml lthead ltmeta charset=#39utf8#39 lttitle图片加载平移放大缩小示例lttitle ltstyle html，body margin0pxpadding0px canvas border 1px solid #000 ltstyle lthead ltbody。

这个用JS做，会比较好，用HTML的话可以用divhover backgroundcolorred来实现鼠标经过身份颜色变，但弹出层就要JS做了可以从网站上找找相关素材看看别人是怎么写的，希望对你有 帮助，望采纳。

1打开网页百度搜索引擎，输入百度API，然后点击进入如图 2在进入百度API之后，选择栏目项开发地图生成器选项，单击进入如下图 3在打开的新的窗口页面时，设置自己的区域，精确查找等要设置的地点如图 4。

滑鼠点选点标记图示，然后在地图中找到具 *** 置，点选滑鼠左键进行标注 输入标记名称，和备注，点选储存 预览 点选获取程式码，然后复制程式码将程式码贴上到新建的HTML中储存即可使用百度地图iphone6显示。

最简单的就是img和map标签，你用map标签圈一个区域就可以了高级一点的就要用vml和svg了，可以相应鼠标事件。

第一步进入百度创建地图的网站，搜索出自己要展示的位置 第二步设置地图，大家可以对网站显示地图的宽高进行设置，其余选项不动第三步添加标注点击第一个图标后，在。

我觉得吧，你要先把每个地图形状都裁剪成单独的图片，然后用canvas才绘制每个图片，然后在晋城放大等操作。

本文实例分享了html5 canvas可拖动省份的中国地图实现方法，供大家参考，具体内容如下 鼠标移动事件根据点击的省份名，获得数据，并实时重绘移动层的省份 #39#eventCanvas#39mousemovefunctionev var mouseX， mouseY。

第一步在浏览器中打开百度地图生成器 第二步图中右侧为自定义，根据自己的需求填写相关信息 第三步点击获取代码按钮，会自动生成代码，将代码写入页面中即可，也可以使用iframe标签完成引用。

4设置地图信息标注，这个有利于查看地图的人一眼就看到自己在什么位置，而且也很清楚的标注了你所要标注地点的名称5设置以后查看效果6另外两个也是标注工具，使用方法和这个是一样的7获取代码，以上都设置好了。

您这里打开特别慢，指的是页面加载慢是吗还是指浏览器软件打开慢1如果是页面加载慢因为google地图属于大数据传输类型，所以这个跟您的网速浏览器的类型不同的浏览器内核可能不一样，所以数据解析的算法效率等。

看看是不是你地图嵌入的有问题，或者使用的嵌入方法不对，或者是你底下没有对应的标签去承载信息。

lt！DOCTYPE html lthtml lthead ltmeta name=quotviewportquot content=quotinitialscale=10， userscalable=noquot ltmeta。

百度地图apiphp？title=jspopular 补充要做离线最好别用web端来做后来发现，echarts来实现你的需求应该也是可以的html#mapworlddataRange。