|
@@ -403,83 +403,79 @@
|
|
|
window._AMapSecurityConfig = {
|
|
|
securityJsCode: "d9ec1c40b3aa3504369f304e359586b0",
|
|
|
}
|
|
|
+
|
|
|
var placeSearch;
|
|
|
- window.init = function(){
|
|
|
- var marker, map = new AMap.Map('container', {
|
|
|
- center:[longitude,latitude],
|
|
|
- resizeEnable: true,
|
|
|
- zoom:13
|
|
|
- });
|
|
|
- AMap.service(["AMap.PlaceSearch"], function() {
|
|
|
- //构造地点查询类
|
|
|
- placeSearch = new AMap.PlaceSearch({
|
|
|
- pageSize: 5, // 单页显示结果条数
|
|
|
- pageIndex: 1, // 页码
|
|
|
- city: "", // 兴趣点城市
|
|
|
- citylimit: true, //是否强制限制在设置的城市内搜索
|
|
|
- map: map, // 展现结果的地图实例
|
|
|
- panel: "panel", // 结果列表将在此容器中进行展示。
|
|
|
- autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
|
|
- extensions: 'all' ,
|
|
|
- callback: 'aaa' ,
|
|
|
- });
|
|
|
- //关键字查询
|
|
|
+ var marker, map = new AMap.Map('container', {
|
|
|
+ center:[longitude,latitude],
|
|
|
+ resizeEnable: true,
|
|
|
+ zoom:13
|
|
|
+ });
|
|
|
+ AMap.service(["AMap.PlaceSearch"], function() {
|
|
|
+ //构造地点查询类
|
|
|
+ placeSearch = new AMap.PlaceSearch({
|
|
|
+ pageSize: 5, // 单页显示结果条数
|
|
|
+ pageIndex: 1, // 页码
|
|
|
+ city: "", // 兴趣点城市
|
|
|
+ citylimit: true, //是否强制限制在设置的城市内搜索
|
|
|
+ map: map, // 展现结果的地图实例
|
|
|
+ panel: "panel", // 结果列表将在此容器中进行展示。
|
|
|
+ autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
|
|
|
+ extensions: 'all' ,
|
|
|
+ callback: 'aaa' ,
|
|
|
});
|
|
|
+ //关键字查询
|
|
|
+ });
|
|
|
|
|
|
- addMark(longitude,latitude)
|
|
|
- map.on( 'click', function (e) {
|
|
|
- lnglatInput.value = e.lnglat.toString();
|
|
|
- var inputVal = lnglatInput.value.split(',');
|
|
|
- clearMarker();
|
|
|
- addMark(inputVal[0], inputVal[1])
|
|
|
- $("longitude").value =inputVal[0] ;
|
|
|
- $("latitude").value = inputVal[1];
|
|
|
+ addMark(longitude,latitude)
|
|
|
+ map.on( 'click', function (e) {
|
|
|
+ lnglatInput.value = e.lnglat.toString();
|
|
|
+ var inputVal = lnglatInput.value.split(',');
|
|
|
+ clearMarker();
|
|
|
+ addMark(inputVal[0], inputVal[1])
|
|
|
+ $("longitude").value =inputVal[0] ;
|
|
|
+ $("latitude").value = inputVal[1];
|
|
|
+ });
|
|
|
+ var $ = function(elementId){
|
|
|
+ return document.getElementById(elementId);
|
|
|
+ };
|
|
|
+ var lnglatInput = $('lnglat');
|
|
|
+ var pixelInput = $('pixel');
|
|
|
+ lnglat2container();
|
|
|
+ // 经纬度坐标转成容器像素坐标
|
|
|
+ function lnglat2container() {
|
|
|
+ if(!lnglatInput.value) return
|
|
|
+ var inputVal = lnglatInput.value.split(',');
|
|
|
+ var lnglat = new AMap.LngLat(inputVal[0], inputVal[1]);
|
|
|
+ var pixel = map.lngLatToContainer(lnglat);
|
|
|
+ pixelInput.value = pixel.round();
|
|
|
+ }
|
|
|
+ // 添加mark
|
|
|
+ function addMark(lng,pix) {
|
|
|
+ console.log(lng,pix)
|
|
|
+ if(!lng || !pix) return ;
|
|
|
+ marker = new AMap.Marker({
|
|
|
+ icon: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
|
|
|
+ position: [lng, pix],
|
|
|
+ offset: new AMap.Pixel(-13, -30)
|
|
|
});
|
|
|
- var $ = function(elementId){
|
|
|
- return document.getElementById(elementId);
|
|
|
- };
|
|
|
- var lnglatInput = $('lnglat');
|
|
|
- var pixelInput = $('pixel');
|
|
|
- lnglat2container();
|
|
|
- // 经纬度坐标转成容器像素坐标
|
|
|
- function lnglat2container() {
|
|
|
- if(!lnglatInput.value) return
|
|
|
- var inputVal = lnglatInput.value.split(',');
|
|
|
- var lnglat = new AMap.LngLat(inputVal[0], inputVal[1]);
|
|
|
- var pixel = map.lngLatToContainer(lnglat);
|
|
|
- pixelInput.value = pixel.round();
|
|
|
- }
|
|
|
- // 添加mark
|
|
|
- function addMark(lng,pix) {
|
|
|
- console.log(lng,pix)
|
|
|
- if(!lng || !pix) return ;
|
|
|
- marker = new AMap.Marker({
|
|
|
- icon: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
|
|
|
- position: [lng, pix],
|
|
|
- offset: new AMap.Pixel(-13, -30)
|
|
|
- });
|
|
|
- marker.setMap(map);
|
|
|
- }
|
|
|
- // 清除 marker
|
|
|
- function clearMarker() {
|
|
|
- if (marker) {
|
|
|
- marker.setMap(null);
|
|
|
- marker = null;
|
|
|
- }
|
|
|
+ marker.setMap(map);
|
|
|
+ }
|
|
|
+ // 清除 marker
|
|
|
+ function clearMarker() {
|
|
|
+ if (marker) {
|
|
|
+ marker.setMap(null);
|
|
|
+ marker = null;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
$("input[name='address']").on('change',function (e) {
|
|
|
placeSearch.search( $("input[name='address']").val(),function (a,ls) {
|
|
|
console.log(a,ls)
|
|
|
}) ;
|
|
|
})
|
|
|
- var a = function aaa()
|
|
|
- {
|
|
|
- console.log(789789798)
|
|
|
- }
|
|
|
- a;
|
|
|
+
|
|
|
|
|
|
</script>
|
|
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=5295cbb966c063bde1ed33c1de7ed6bd&callback=init"></script>
|