BIGMaps Maps API Documentation

BIGMaps Map API documentationBack to API home

2. Using the Maps API

2.1. Initialize Map

create map object:
var map = new BMap(id);
where id is the id of the div where you want to show BIGMaps map.

Example:

				
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="http://api.bigmaps.com/bm.php?v=1&key=abcdef"></script>
</head>

<script>
var map;

function onPageLoad(){	
	map = new BMap('maps');
}
</script>

<body onload="onPageLoad()">
	<div id="maps" style="width: 800px; height: 700px"></div>
</body>
</html>

For loading BIGMaps Maps API through lazy loading method, pass an extra parameter "callback" with a function name as value. This handler function will be called once the API downloads completely.

Example:

				
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>

<script>

<script>
var map;
function initMap(){	
	map = new BMap('maps');
}

function printJs(url){
	var dom=document.createElement('script');
	dom.type ='text/javascript';
	dom.src  ="http://api.bigmaps.com/bm.php?v=1&key=abcdef";
	dom.src += '&callback=initMap'
	var o = document.getElementsByTagName("head").length ? document.getElementsByTagName("head")[0] : document.body;
	o.appendChild(dom);
}
</script>

<body onload="printJs()">
	<div id="maps" style="width: 800px; height: 700px"></div>
</body>
</html>

Live example : click here

<< Back Next >>