地图api

页面中引入百度地图

由 纵然是瞬间 提交于 2020-01-10 20:56:30
页面中引入百度地图 引入百度地图可以直接使用 百度地图生成工具2020版 ，2020版需要自己申请密钥，不想申请密钥可以使用 百度地图生成工具2015版 。 下面是我使用工具生成的地图，代码是直接copy的（我使用的是2015版的）： < ! 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/html; charset=gb2312" / > < meta name = "keywords" content = "百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" / > < meta name = "description" content = "百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" / > < title > 百度地图 API 自定义地图 < / title > < ! -- 引用百度地图 API -- > < style

百度地图给指定的点加标签

由 自古美人都是妖i 提交于 2020-01-07 07:26:00
本文介绍利用百度地图api先显示地图，然后在地图上标记一个或者多个点，然后将每个点的自定义标签用tip的方式展现出来。 效果截图： 代码： <!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=你的key"></script> <title>根据城市名设置地图中心点</title> </head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> //新建地图点的集合 var points = [ {

百度地图给指定的点加标签

由 孤者浪人 提交于 2020-01-05 00:43:48
本文介绍利用百度地图api先显示地图，然后在地图上标记一个或者多个点，然后将每个点的自定义标签用tip的方式展现出来。 效果截图： 代码： <!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=你的key"></script> <title>根据城市名设置地图中心点</title> </head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> //新建地图点的集合 var points = [ {

百度地图demo

由 夙愿已清 提交于 2020-01-01 23:16:38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <title>GeolocationControl</title> <style type="text/css">/*<![CDATA[*/ body{margin:0;padding:0;font-family:Times New Roman, serif} p{margin:0;padding:0} html,body{ width:100%; height:100%; } #map_container{height:100%; border: 1px solid #999;height:300px;} @media print{ #notes{display:none} #map_container{margin:0} }

批量请求高德地图API解析经纬度

由 依然范特西╮ 提交于 2019-12-27 05:45:22
使用高德逆地理编码批量请求解析经纬度到具体的位置信息 项目中涉及到要根据经纬度解析实际的地理位置，所以就需要搞一把。 纵观出申请一个企业开发者账号，每天的api调用就可以达到300w次了，开心。 个人开发者和企业开发者的调用限制： 这是注册地址： https://lbs.amap.com/dev/id/choose web API调用参数 下面是用python写的一个demo，可以参考一下。 # -*- coding: utf-8 -*- import uuid import requests import json class Location_query ( object ) : def __init__ ( self , key ) : # 传入参数，申请到的高德api self . key = key if len ( self . key ) != 32 : print ( "你的key好像不对，大兄弟..." ) exit ( 0 ) def get_map_address ( self , gd_coordinates ) : """ 逆地理编码（高德坐标转地址） :param gd_coordinates:多个位置"高德经度,高德纬度"的集合(元组或数组都可以) :return:多个位置地址信息的列表，最多一次查询20个经纬度点 """ try :

百度地图 web定位

由 自作多情 提交于 2019-12-25 13:59:53
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <title>测试定位</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> <style type="text/css"> #mapContainer{width:100%;height:400px;border:1px solid gray;}</style> </head> <body> <div id="mapContainer"></div> <script type="text/javascript" > var origin = "0,0"; var origin_region = ""; var point = new BMap.Point(118.185789, 24.489321); var map = new BMap.Map("mapContainer"); map.enableScrollWheelZoom(); map.centerAndZoom(point, 15); var

百度地图，创建标点

由 戏子无情 提交于 2019-12-25 13:59:38
引用一个地图的网络路径 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥1g1fQ88FPyxtTBZakPQzIqPRVf1ZrSEq"></script> 页面放一个div即可 <div id="ditu"> </div> 页面加载完成后一个执行一个函数 $(function(){ 　　newMap() }) function newMap(){ //创建地图实例 var map = new BMap.Map("ditu"); //设置中心点坐标 var point = new BMap.Point(118.051324, 36.797857); //根据中心点和层级显示地图 map.centerAndZoom(point, 15); //设置显示城市 map.setCurrentCity("淄博"); //设置滚轮缩放 map.enableScrollWheelZoom(); //禁用双击放大 map.disableDoubleClickZoom(); addMarker(map); } /*功能：双击时添加一个标注*/ function addMarker(map){ //定义一个数组，保存点击的点的经纬度 var pointArr = []; map

向网页中插入百度地图

由 依然范特西╮ 提交于 2019-12-25 13:59:08
功能说明：自动定位到客户所在位置，可用鼠标滚轮放大缩小，可拖动地图 实例图片： 代码如下： 1.在head部分插入 <!--百度地图相关--> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> #allmap {width: 100%;height:500px;overflow: hidden;margin:0;} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=D233382db800044ba5915ab2ffaae458"></script> <!--百度地图相关--> 2.在需要插入地图的地方插入代码 <div id="allmap"></div> 3.在/html标签下面插入代码 <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(119.559332,39.93757); map.centerAndZoom(point,18); // 创建地址解析器实例

[百度地图开发]采坑一

由 ∥☆過路亽．° 提交于 2019-12-25 12:58:52
百度地图引用时 报出A Parser-blocking, cross site (i.e. different eTLD+1) script 页面引入百度地图api时 chrome控制台报出警示问题 A Parser-blocking, cross site (i.e. different eTLD+1) script, http://api.map.baidu.com/getscript?v=2.0&ak=Kpjp7jddqVUhWK5VkrfNt3YNezY88NtR&services=&t=20170517145936, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message.See https://www.chromestatus.com/feature/5718547946799104 for more details. (anonymous) @

【高德地图API】从零开始学高德JS API（四）搜索服务

由 ℡╲_俬逩灬. 提交于 2019-12-25 11:52:09
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> demo： http://zhaoziang.com/amap/zero_4_1.html 示意图1：自动完成，输入提示 示意图2：云图，自有数据检索，A-H图标显示，麻点图 --------------------------------------------------------------------------------------- 一、POI搜索 1、关键字查询 使用search方法，传一个关键词参数即可。 MSearch.search('东方明珠'); //关键字查询 完整代码： //关键词查询function placeSearch1() { var MSearch; mapObj.plugin(["AMap.PlaceSearch"], function() { MSearch = new AMap.PlaceSearch({ //构造地点查询类 pageSize:10, pageIndex:1, city:"021" //城市 }); AMap.event.addListener(MSearch, "complete", keywordSearch_CallBack);//返回地点查询结果 MSearch.search('东方明珠'); //关键字查询 }); } 示意图： 2
订阅 地图api