Add Layer By Brand
Add Brand Layer 1:
Add Brand Layer 2:
Add Brand Layer 3:
Add Brand Layer with Vector Marker:
Remove Layers:
Instructions
Use the "Add" buttons to add layers by brand on the map. Use "Remove" button to remove the layers.
Edit the source code to .
See the JavaScript API for more information.
Source Code
The Javascript code for the above map is:
<script language="Javascript"
src="http://www.locationbox.com.tr/locationbox/services?
Key=key&Cmd=APIV2&Typ=JS"></script>
<script language="JavaScript">
var mapper = new IMapper();
var layer1 = new ILayer();
var layer2 = new ILayer();
var layer3 = new ILayer();
function startup() {
mapper.initMap(41.1, 29.1, 10, IMapper.BASEMAP_POI);
mapper.addNavigationPanel();
return;
}
function add1() {
layer1.createBrandLayer("MUDO", "mudolar", null, true, null);
return;
}
function add2() {
layer2.createBrandLayer("KFC", "kfcler", null, true, null);
return;
}
function add3() {
layer3.createBrandLayer("TEKNOSA", "teknosalar", null, true, null);
return;
}
function add4() {
var vector = "0, 0, 0, 10, 10, 10, 10, 0, 0, 0";
var sym = mapper.createVectorMarkerStyle("ms1", "FF0000", 120, "000000", 255, 1, 10, 10, vector);
layer3.createBrandLayer("TEKNOSA", "teknosalar", sym, true, null);
return;
}
function remove() {
layer1.removeLayer();
layer2.removeLayer();
layer3.removeLayer();
return;
}
Buttons:
<a href="javascript:add1()"
><img src="images/add.gif" border=0></a>
<a href="javascript:add2()"
><img src="images/add.gif" border=0></a>
<a href="javascript:add3()"
><img src="images/add.gif" border=0></a>
<a href="javascript:add4()"
><img src="images/add.gif" border=0></a>
<a href="javascript:remove()"
><img src="images/remove.gif" border=0></a>
Notes
You may get "Request string is too long for Oracle Maps' non-AJAX remoting" error while creating a layer. See this post on LocationBox blog.
Download working page
Remember that you need to use your key code as Key attribute.