高德地图的Marker不需要setMap,创建时默认就可以显示在地图上
2018-03-30 17:19
603 查看
很惊奇,之前用百度地图API都是需要在创建Marker对象后,再执行setMap函数,才能显示到地图上,高德完全可以省略这一步,代码如下: $(document).ready(function(){
// 为防止CSRF(Cross-site request forgery)跨站请求伪造,发post请求时需要在cookie中创建随机码
$.ajaxSetup({
headers: { "X-CSRFToken": getCookie("csrftoken") }
});
var map = new AMap.Map('container', {
zoom: 9,
center: [124.342785, 43.312316]
});
// 测试Maker
var marker = new AMap.Marker({content: ' ', map: map})
marker.setPosition([124.342785, 43.312316]);
marker.setLabel({content: "测试标签"})
var marker2 = new AMap.Marker({
position: [124.332785, 43.312316],//marker所在的位置
map:map//创建时直接赋予map属性
});
/*
var style = [{
url: 'http://a.amap.com/jsapi_demos/static/images/mass0.png',
anchor: new AMap.Pixel(6, 6),
size: new AMap.Size(1, 1)
},{
url: 'http://a.amap.com/jsapi_demos/static/images/mass1.png',
anchor: new AMap.Pixel(0, 0),
size: new AMap.Size(1, 1)
},{
url: '\\static\\css\\images\\信号塔red.png',
anchor: new AMap.Pixel(0, 0),
size: new AMap.Size(12, 12)
}
];
// 海量点 画 基站
$.post("/get_site_names", {gsm: "True", lte: "False"}, function(data, status) {
//console.log(data[0]);
var mass = new AMap.MassMarks(data, {
opacity: 0.8,
zIndex: 111,
cursor: 'pointer',
style: style
});
var marker = new AMap.Marker({content: ' ', map: map})
mass.on('mouseover', function (e) {
marker.setPosition(e.data.lnglat);
marker.setLabel({content: e.data.name})
})
mass.setMap(map);
});
*/
// 设置使用包含3个图标的数组,还是使用单个图标
/*
var setStyle = function(multiIcon) {
if(multiIcon){
mass.setStyle(style);
}else{
mass.setStyle(style[2]);
}
}
*/
});
// 为防止CSRF(Cross-site request forgery)跨站请求伪造,发post请求时需要在cookie中创建随机码
$.ajaxSetup({
headers: { "X-CSRFToken": getCookie("csrftoken") }
});
var map = new AMap.Map('container', {
zoom: 9,
center: [124.342785, 43.312316]
});
// 测试Maker
var marker = new AMap.Marker({content: ' ', map: map})
marker.setPosition([124.342785, 43.312316]);
marker.setLabel({content: "测试标签"})
var marker2 = new AMap.Marker({
position: [124.332785, 43.312316],//marker所在的位置
map:map//创建时直接赋予map属性
});
/*
var style = [{
url: 'http://a.amap.com/jsapi_demos/static/images/mass0.png',
anchor: new AMap.Pixel(6, 6),
size: new AMap.Size(1, 1)
},{
url: 'http://a.amap.com/jsapi_demos/static/images/mass1.png',
anchor: new AMap.Pixel(0, 0),
size: new AMap.Size(1, 1)
},{
url: '\\static\\css\\images\\信号塔red.png',
anchor: new AMap.Pixel(0, 0),
size: new AMap.Size(12, 12)
}
];
// 海量点 画 基站
$.post("/get_site_names", {gsm: "True", lte: "False"}, function(data, status) {
//console.log(data[0]);
var mass = new AMap.MassMarks(data, {
opacity: 0.8,
zIndex: 111,
cursor: 'pointer',
style: style
});
var marker = new AMap.Marker({content: ' ', map: map})
mass.on('mouseover', function (e) {
marker.setPosition(e.data.lnglat);
marker.setLabel({content: e.data.name})
})
mass.setMap(map);
});
*/
// 设置使用包含3个图标的数组,还是使用单个图标
/*
var setStyle = function(multiIcon) {
if(multiIcon){
mass.setStyle(style);
}else{
mass.setStyle(style[2]);
}
}
*/
});
相关文章推荐
- (转)高德地图多个Marker标记自动缩放全部显示在屏幕中
- 高德地图显示自己定义的城市而不是默认的北京
- 高德地图多个Marker标记自动缩放全部显示在屏幕中
- 高德地图点击marker,infoWindow不显示问题
- C++类可以不显示声明构造函数,在创建类对象时编译器自动调用默认的构造函数
- android map高德地图显示多个点,并且每个marker点可以响应鼠标点击事件,处理跳转页面
- mapabc高德地图显示多个点,并且每个marker点可以响应鼠标点击事件,处理跳转页面
- android高德地图设置默认显示位置
- 高德地图自定义Marker显示文字
- 高德地图开发【覆盖物显示——Marker的使用(一)】
- 高德地图开发【覆盖物显示——Marker的使用(一)】
- 高德地图自定义marker不显示的问题
- 高德地图多个Marker标记自动缩放全部显示在屏幕中
- 高德地图开发【覆盖物显示——Marker的使用(一)】
- android------之高德地图实现定位和3D地图显示
- Android Studio之高德地图实现定位和3D地图显示
- 【高德地图开发3】---地图显示
- 解决Tomcat可以在eclipse启动,却无法显示默认页面
- Android Studio之高德地图实现定位和3D地图显示
- fedora 15 中用vi 打开windows中创建的文件时,中文注释部分显示乱码解决办法:用vim 打开就可以