怎么用html+js写一个div，当点击地图的标注，弹出类似于这样的div
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用html+js写一个div，当点击地图的标注，弹出类似于这样的div相关的知识，希望对你有一定的参考价值。
这个div！我最想要的效果是当点击“设为起点“的时候，下面出现一个文本框，并且后面附带选项，再次点击就隐藏，分别有”设为起点“，”设为终点“，”搜索附近“，具体可以看腾讯地图效果，我希望效果一模一样，
腾讯地图链接：http://map.qq.com/
先进去试试
我财富值不够，谢谢了！
<head>
<title></title>
<style type="text/css">
.contentdisplay: none;
</style>
</head>
<body>
<span>设为终点</span><span>设为起点</span><span>搜索附近</span>
<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
<script>
var _span=document.getElementsByTagName("span");
var _div=document.getElementsByTagName("div");
for (var i = 0,len=_span.length; i <len; i++)
_span[i].index=_div[i].index=i;
_span[i].onclick=function()
var ind=this.index;
if (_div[ind].className=="content")
for(var j=0;j<len;j++)
_div[j].className="content";
_div[ind].className="";
else
_div[ind].className="content";
;
</script>
</body>
</html>
你看一下有什么问题
基本的是能满足了！可不可以再写细一点！
参考技术A 12
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<title></title>
<style type="text/css">
.contentdisplay: none;
</style>
</head>
<body>
<span>设为终点</span><span>设为起点</span><span>搜索附近</span>
<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
<script>
var _span=document.getElementsByTagName("span");
var _div=document.getElementsByTagName("div");
for (var i = 0,len=_span.length; i <len; i++)
_span[i].index=_div[i].index=i;
_span[i].onclick=function()
var ind=this.index;
if (_div[ind].className=="content")
for(var j=0;j<len;j++)
_div[j].className="content";
_div[ind].className="";
else
_div[ind].className="content";
;
</script>
</body>
</html>
你看一下有什么问题
AmazeUI怎么引入地图
用百度地图API的JS代码会和AmazeUI的JS中的BMap起冲突，用AmazeUI内置的引入地图的HTML该怎么写？最好来段实例代码。万分感谢！
参考技术A 点击web开发，进茹web地图调用界面，进入大众开发界面，这一步就进入了web地图调用页面啦，里面有的功能，可以看下图，选择你需要的表现形式，我选择一个"逆/地理编码"，点击进入代码页面；
下面就是对代码进行修改啦，修改的地方如图上所标注的，都是简单的，当你把信息都修改成你需要的信息就行啦；
然后把代码复制下来，添加到代码编辑器里保存下就可以生成地图html啦，然后只要用iframe标签引入你的html代码你的地图就引用成功啦~本回答被提问者和网友采纳
以上是关于怎么用html+js写一个div，当点击地图的标注，弹出类似于这样的div的主要内容，如果未能解决你的问题，请参考以下文章
点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写？