自2018年10月18日起,高德开发者论坛除车机板块外,其他板块将停止发帖与维护,如您有使用问题请 提交工单 联系我们,感谢您的理解。

查看: 344|回复: 0
打印 上一主题 下一主题

ajax调用页面时,地图marker不显示

[复制链接]
最佳答案
0 

1

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
跳转到指定楼层
楼主
发表于 2014-9-2 22:59:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我用ajax调用页面时,地图marker不会显示。单独打开文件又可以显示。代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>自定义点标记图标</title>
<link rel="stylesheet" type="text/css" href="http://developer.amap.com/Public/css/demo.Default.css" />
<script language="javascript" src="http://webapi.amap.com/maps?v=1.3&key=f4a23f5dfee394e16f1198f01cf4feed"></script>
</head>
<body>
    <div id="iCenter"></div>
</body>
</html>  
<script language="javascript">
var mapObj2;
var marker2;
//初始化地图对象,加载地图
function mapInit2(){
    mapObj2 = new AMap.Map("iCenter",{
        //二维地图显示视口
        view: new AMap.View2D({
            center:new AMap.LngLat(112.48365,23.061232),//地图中心点
            zoom:13 //地图显示的缩放级别
        })
    });   
    //添加点标记,并使用自己的icon
    addmarker2();
}

//在地图上添加点标记函数
function addmarker2(){
    marker2=new AMap.Marker({                 
    icon:new AMap.Icon({    //复杂图标
            size:new AMap.Size(28,37),//图标大小
            image:"http://webapi.amap.com/images/custom_a_j.png", //大图地址
            imageOffset:new AMap.Pixel(-28,0)//相对于大图的取图位置
        }),
    position:new AMap.LngLat(112.48365,23.061232)
    });
    marker2.setMap(mapObj2);  //在地图上添加点
}
mapInit2();
</script>

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|小黑屋|高德开发者论坛

Copyright ©2014 高德开发者论坛.All Rights Reserved |京ICP证070711号

意见反馈 常见问题 服务条款 联系我们
快速回复 返回顶部 返回列表