现在我正做一个跟共享单车【小黄车,摩拜】特别相似的一个app软件,关于地图部分,不知道该怎么写代码,已经申请密钥,路过的大神帮帮忙,最好有完整的代码,我刚做这个不太懂
打算实现一个小目标,银行账户已经开好了,现在只差有人教怎么赚钱了...
哥,你是来搞笑的吗?我只是地图那部分不会做,想请教请教,不至于你这样吧
高德地图,百度地图官方都有示例代码的
我看了一上午了,也看出个什么情况
魔拜用的高德地图
http://lbs.amap.com/api/javascript-api/summary/

我想把红色的点换成别的图片怎么换啊?
@小短腿奔跑吧: 自定义点标记内容
@ycyzharry: 我按照手册上那么写的,但在浏览器看,还是没反应,你帮我看看哪写错了
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=jiyhuBykzkVW5zmlQT7zjoYGUj6Is1Pr"></script>
<title>可视区域内的搜素</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15); // 编写自定义函数,创建标注
function addMarker(point, index) { // 创建图标对象
var myIcon = new BMap.Icon("xiaoche.png", new BMap.Size(23, 25), {
// 指定定位位置。
// 当标注显示在地图上时,其所指向的地理位置距离图标左上
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
// 图标中央下端的尖角位置。
offset: new BMap.Size(10, 25),
// 设置图片偏移。
// 当您需要从一幅较大的图片中截取某部分作为标注图标时,您
// 需要指定大图的偏移位置,此做法与css sprites技术类似。
imageOffset: new BMap.Size(0, 0 - index * 25) // 设置图片偏移
});
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, {
icon: myIcon
});
map.addOverlay(marker);
}
// 随机向地图添加10个标注
var bounds = map.getBounds();
var lngSpan = bounds.maxX - bounds.minX;
var latSpan = bounds.maxY - bounds.minY;
for(var i = 0; i < 10; i++) {
var point = new BMap.Point(bounds.minX + lngSpan * (Math.random() * 0.7 + 0.15),
bounds.minY + latSpan * (Math.random() * 0.7 + 0.15));
addMarker(point, i);
}
</script>
@小短腿奔跑吧: http://blog.csdn.net/sd0902/article/details/8471322 这个里面标注方法是可以用的
@小短腿奔跑吧: 看看浏览器报的什么错误?
offset: new BMap.Size(10, 25), imageOffset: new BMap.Size(0, 0 - index * 25) 你把这两句去了试试
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("allmap");//创建百度地图实例,
var point = new BMap.Point(113.721713, 34.774855);//创建一个点对象,这里的参数是地图上的经纬度
map.centerAndZoom(point, 20);//这里是将地图的中心移动到我们刚才创建的点;这里的12是地图的缩放界别;数值越大,地图看的越细
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
//定位
function theLocation(longitude,latitude) {
map.clearOverlays();
var new_point = new BMap.Point(longitude, latitude);
var marker = new BMap.Marker(new_point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.panTo(new_point);
addMarker(new_point);
}
function addMarker(point){ // 创建图标对象
var myIcon = new BMap.Icon("xiaoche.png", new BMap.Size(50, 50), {offset: new BMap.Size(10, 25)});
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, {icon: myIcon});
map.addOverlay(marker);
}
theLocation(113.721713, 34.774855);
</script>
给定一个经度纬度,然后创建标注,在地图上显示
哥,你的app做好了吗,能让我看看嘛??