在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我用到了高德地图中 infoWindow 这一功能。我的理想效果是：
点击地图上一个点，生产一个 marker（标记点） ，
点击 marker 生成一个 infoWindow 框
然后点击事件框上的按钮触发事件
但现在有个问题，由于 infoWindow 是动态生成的，没法在编译的时候绑定事件，请问有什么办法在编译完成后绑定事件吗 ，或者有什么其他解决办法吗?
信息窗体的生产代码
let infoWindowContent = `
&div class='info-window'&
&p&${place}&/p&
&button v-if="postBtn" v-on:click='gotoPostPage()'&事件&/button&
infoWindow = Window({
content: infoWindowContent,
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：1380人阅读
android（4）
转载：http://blog.csdn.net/u/article/details/
1.实现OnMarkerClickListener重写onMarkerClick保存当前marker
public boolean onMarkerClick(Marker paramMarker) {
currentMarker=paramM
2实现OnMapClickListener重写
public void onMapClick(LatLng arg0) {
if(currentMarker.isInfoWindowShown()){
currentMarker.hideInfoWindow();//这个是隐藏infowindow窗口的方法
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：7710次
排名：千里之外
(2)(5)(2)(2)(1)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'2013年11月 扩充话题大版内专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。1.高德地图的API很详细，很容易自定义自己的地图。
&%@ page language="java" import="java.util.*"& contentType="text/ charset=UTF-8"%&
&%@ taglib prefix="s" uri="/struts-tags"%&
&%@ taglib prefix="c" uri="/jsp/jstl/core" %&
&%@ taglib prefix="fn" uri="/jsp/jstl/functions" %&
&%@ taglib prefix="fmt" uri="/jsp/jstl/fmt"%&
&%@ taglib uri="/WEB-INF/paginator.tld" prefix="paginator"%&
String path = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
&&&&&&& "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head&
&&& &meta http-equiv="Content-Type" content="text/ charset=utf-8"/&
&&& &title&关键字搜索&/title&
&&& &script language="javascript" src="/maps?v=1.2&key=22f12599eefb22c66b2d0"&&/script&
&&& &link href="&%=path %&/css/fence.css" rel="stylesheet" type="text/css"/&
&&& &script language="javascript"&
&&&&&&& var mapObj, toolbar, overview, scale,
&&&&&&& var date, startT
&&&&&&& var initx = window.opener.document.getElementById("positionx").
&&&&&&& var inity = window.opener.document.getElementById("positiony").
&&&&&&& function mapInit() {
&&&&&&&
//var opt="";
&&&&&&&
//if(initx == ""){
&&&&&&&
// opt = {
&&&&&&&&& //&&&&& level:13, //设置地图缩放级别
&&&&&&&&&&&&&&& //center:new AMap.LngLat(initx, inity), //设置地图中心点
&&&&&&&&& //&&&&& doubleClickZoom:true, //双击放大地图
&&&&&&&&& //&&&&& scrollWheel:true//鼠标滚轮缩放地图
&&&&&&&&&&& // }
&&&&&&&
//}else{
&&&&&&&
var opt = {
&&&&&&&&&&&&&&& level:13, //设置地图缩放级别
&&&&&&&&&&&&&&& //center:new AMap.LngLat(initx, inity), //设置地图中心点
&&&&&&&&&&&&&&& doubleClickZoom:false, //双击放大地图
&&&&&&&&&&&&&&& scrollWheel:true//鼠标滚轮缩放地图
&&&&&&&&&&&
//}
&&&&&&&&&
&&&&&&&&&&&& var GeocoderOption = {
range: 3000, //范围
crossnum: 2, //道路交叉口数
roadnum: 3, //路线记录数
poinum: 2//POI点数
geo = new AMap.Geocoder(GeocoderOption);
&&&&&&&&&&& mapObj = new AMap.Map("iCenter", opt);AMap.Conf.network = 1;
&&&&&&&&&&& mapObj.plugin(["AMap.ToolBar", "AMap.OverView", "AMap.Scale"], function () {
&&&&&&&&&&&&&&& toolbar = new AMap.ToolBar();
&&&&&&&&&&&&&&& toolbar.autoPosition = //加载工具条
&&&&&&&&&&&&&&& mapObj.addControl(toolbar);
&&&&&&&&&&&&&&& overview = new AMap.OverView(); //加载鹰眼
&&&&&&&&&&&&&&& mapObj.addControl(overview);
&&&&&&&&&&&&&&& scale = new AMap.Scale(); //加载比例尺
&&&&&&&&&&&&&&& mapObj.addControl(scale);
&&&&&&&&&&& });
&&&&&&&&&&& AMap.event.addListener(mapObj,'complete',completeEventHandler);
&&&&&&&&&&&
&&&&&&& }
&&&&&&&
&&&&&&& function completeEventHandler() {
&&&&&&&
toolbar.doLocation();
&&&&&&&
listener1=AMap.event.addListener(mapObj,'dblclick',fn);
&&&&&&&
//mapObj.zoomIn();
&&&&&&& }
&&&&&&& var fn = function(e){
&&&&&&&
var lng = e.lnglat.getLng();
&&&&&&&
var lat = e.lnglat.getLat();
&&&&&&&
var lnglatXY = new AMap.LngLat(lng, lat)
geo.regeocode(lnglatXY, poiToAddressSearch_CallBack);
&&&&&&&
var data_temp="";
var& x_temp="";
var& y_temp="";
var address_
function selectPoint2(x, y , i){
address_temp = data_temp.list[i].
//alert(address_temp);
var lnglatXY = new AMap.LngLat( x, y)
geo.regeocode(lnglatXY, poiToAddressSearch_CallBack2);
function poiToAddressSearch_CallBack2(data) {
var resultStr = "";
if (data.status == "E0") {
var province, city, district, road,
province = data.list[0].province.
if (province == "北京市") {
city = data.list[0].city.
district = data.list[0].district.
road = data.list[0].roadlist[0].
address = data.list[0].poilist[0].
if(address_temp ==""){
resultStr = province + city+ district + road +
resultStr = province + city+ district + address_
//alert(x_temp + "---" + y_temp + "---" + address_temp);
selectPoint(x_temp,y_temp,resultStr);
function poiToAddressSearch_CallBack(data) {
var resultStr = "";
if (data.status == "E0") {
var province, city, district, road,
province = data.list[0].province.
if (province == "北京市") {
city = data.list[0].city.
district = data.list[0].district.
road = data.list[0].roadlist[0].
address = data.list[0].poilist[0].
resultStr = province + city+ district + road& +
//alert(resultStr + data.list[0].poilist[0].x +","+ data.list[0].poilist[0].y);
selectPoint(data.list[0].poilist[0].x,data.list[0].poilist[0].y,resultStr);
function selectPoint(x, y, address) {
if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
&&&&&&& alert("地址暂无，不能选择！");
window.opener.document.getElementById("fenceAddr").value =
window.opener.document.getElementById("positionx").value =
window.opener.document.getElementById("positiony").value =
window.close();
//window.parent.submitSaveFence.fenceInfoVO.fenceAddr.value =
}
&&&&&&& function keywordSearch() {
&&& mapObj.clearMap();
&&&&&&&&&&& var keywords = document.getElementById("keyword").
&&&&&&&&&&& var city = document.getElementById("city").
&&&&&&&&&&& var PoiSearchOption = {
&&&&&&&&&&&&&&& srctype:"POI", //数据来源
&&&&&&&&&&&&&&& type:"", //数据类别
&&&&&&&&&&&&&&& number:10, //每页数量,默认10
&&&&&&&&&&&&&&& batch:1, //请求页数，默认1
&&&&&&&&&&&&&&& range:3000, //查询范围，默认3000米
&&&&&&&&&&&&&&& ext:""//扩展字段
&&&&&&&&&&& };
&&&&&&&&&&& var MSearch = new AMap.PoiSearch(PoiSearchOption);
&&&&&&&&&&& MSearch.byKeywords(keywords, city, keywordSearch_CallBack);
xx++;
&&&&&&&&&&& date = new Date();
&&&&&&&&&&& startTime = date.getTime();
&&&&&&&&&&& //清空本次搜索的marker和windowsArr
&&&&&&&&&&& marker=[];
&&&&&&&&&&& windowsArr=[];
&&&&&&& }
&&&&&&& var resultCount = 10;
&&&&&&& var marker = new Array();
&&&&&&& var windowsArr = new Array();
var xx=0;
&&&&&&& function addmarker(i, d) {
&&&&&&&&&&& var markerOption = {
&&& map:mapObj,
&&&&&&&&&&&&&&& icon:"/webapi/static/Images/" + (i + 1) + ".png",
&&&&&&&&&&&&&&& position:new AMap.LngLat(d.x, d.y)
&&&&&&&&&&& };
&&&&&&&&&&& var mar = new AMap.Marker(markerOption);
&&&&&&&&&
&&&&&&&&&&& marker.push(new AMap.LngLat(d.x, d.y));
&&&&&&&&&&& var infoWindow = Window
&&&&&&&&&&&&&&&&&&& ({
&&&&&&&&&&&&&&&&&&&&&&& content:"&h3&&font color=\"#00a6ac\"&&&" + (i + 1) + ". " + d.name + "&/font&&/h3&" + TipContents(d.type, d.address, d.tel),
&&&&&&&&&&&&&&&&&&&&&&& size:new AMap.Size(300, 0),
&&&&&&&&&&&&&&&&&&&&&&& autoMove:true,& //设置自动调整信息窗口至视野范围
offset:new AMap.Pixel(0,-30)
&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&& windowsArr.push(infoWindow);
&&&&&&&&&&
&&&&&&&&&&& var aa = function (e) {
&&&&&&&&&&&&&&& infoWindow.open(mapObj, mar.getPosition());
&&&&&&&&&&& };
&&&&&&&&&&
//AMap.event.addListener(mar, "click", aa);
&&&&&&& }
&&&&&&& function keywordSearch_CallBack(data) {
&&&&&&&&&&& var resultStr = "";
&&&&&&&&&&& data_temp=
&&&&&&&&&&& //showTime();
//document.getElementById("textUniqId").value = data.
&&&&&&&&&&& if (data.status == "E0") {
&&&&&&&&&&&&&&& resultCount = data.list.
&&&&&&&&&&&&&&& for (var i = 0; i & data.list. i++) {
&&&&&&&&&&&&&&&
//alert(data.list[i].x+"--"+data.list[i].y+"***");
&&&&&&&&&&&&&&&&&&& resultStr += "&div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12cursor:padding:0px 0 4px 2 border-bottom:1px solid #C1FFC1;\"&" +
&&&&&&&&&&&&&&&&&&& "&table&&tr&&td&&button onclick='javascript:selectPoint2("+data.list[i].x+","+data.list[i].y+","+i+");'&选择&/button&&/td&&td&&img src=\"/webapi/static/Images/" + (i + 1) + ".png\"&&/td&"
&&&&&&&&&&&&&&&&&&& + "&td&&h3&&font color=\"#00a6ac\"&名称: " + data.list[i].name + "&/font&&/h3&";
&&&&&&&&&&&&&&&&&&& resultStr += TipContents(data.list[i].type, data.list[i].address, data.list[i].tel) + "&/td&&/tr&&/table&&/div&";
&&&&&&&&&&&&&&&&&&& addmarker(i, data.list[i]);
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& mapObj.setFitView();
&&&&&&&&&&& }
&&&&&&&&&&& else if (data.status == "E1") {
&&&&&&&&&&&&&&& resultStr = "未查找到任何结果!&br /&建议：&br /&1.请确保所有字词拼写正确。&br /&2.尝试不同的关键字。&br /&3.尝试更宽泛的关键字。";
&&&&&&&&&&& }
&&&&&&&&&&& else {
&&&&&&&&&&&&&&& resultStr = "错误信息：" + data.state + "请对照API Server v2.0.0 简明提示码对照表查找错误类型";
&&&&&&&&&&& }
&&&&&&&&&&& document.getElementById("result").innerHTML = resultS
&&&&&&& }
&&&&&&& function TipContents(type, address, tel) {
&&&&&&&&&&& if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
&&&&&&&&&&&&&&& type = "暂无";
&&&&&&&&&&& }
&&&&&&&&&&& if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
&&&&&&&&&&&&&&& address = "暂无";
&&&&&&&&&&& }
&&&&&&&&&&& if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
&&&&&&&&&&&&&&& tel = "暂无";
&&&&&&&&&&& }
&&&&&&&&&&& var str = "&&地址：" + address + "&br /&&&电话：" + tel + " &br /&&&类型：" +
&&&&&&&&&&&
&&&&&&& }
&&&&&&& function openMarkerTipById1(pointid, thiss) {& //根据id 打开搜索结果点tip
&&&&&&&&&&& thiss.style.background = '#CAE1FF';
&&&&&&&&&&& windowsArr[pointid].open(mapObj, marker[pointid]);
&&&&&&& }
&&&&&&& function onmouseout_MarkerStyle(pointid, thiss) { //鼠标移开后点样式恢复
&&&&&&&&&&& thiss.style.background = "";
&&&&&&& }
&&&&&&& function showTime(){
&&&&&&&&&&& var date = new Date();
&&&&&&&&&&& document.getElementById("textSearchTime").value = date.getTime() - startTime + "毫秒";
&&&&&&& }
&&& &/script&
&/head&
&body onload="mapInit();" &
&& &div class="addressMain"&
&div class="left" &
&div class="searcherLayer"&
&& &b&城市：&/b&
&&&&&&&&&& &input type="text" id="city" name="city" value=""/&
&&&&&&&&&& &b&关键字：&/b&
&&&&&&&&&& &input type="text" id="keyword" name="keyword" value=""/&
&&&&&&&&&& &input type="button" value="查询" onclick="keywordSearch()" style="margin-left:5px"/&
&&& &div id="iCenter" style="width:679height:400border:#F6F6F6 solid 1"&&/div&
&&& &/div&
&&& &div class="right" &
&div id="r_title"&关键字搜索结果:&/div&
&&&&&&& &div id="result"&&/div&
&&& &/div&
&& &/div&
&/body&
&/html&
浏览 11551
ahua186186
浏览: 235772 次
来自: 深圳
请问图片还能找的会吗？你的图片和原文的图片都挂了，，，如果有图 ...
yngwiet 写道楼主，有一个地方不太明白，为什么要用“ge ...
楼主，有一个地方不太明白，为什么要用“getChildAt(p ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'}