displaying the mapper about googlmapper HOT 5 CLOSED

Make sure you render to an element with a width and height.

<div style="height: 500px; width: 500px;">{!! Mapper::render () !!}</div>

from googlmapper.

Hi, it's as simple as creating a map in your controller, then rendering in you view. The below should work:

// In your controller
use Cornford\Googlmapper\Facades\MapperFacade as Mapper;

Mapper::map($workGPSLocations[0], $workGPSLocations[1]);

// In your view
{!! Mapper::render () !!}

from googlmapper.

i get the following content when using
<div>{{ \Mapper::render(0) }}</div>

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?v=3.exp&region=GB&language=en-gb&key=AIzaSyAfYOov7QNu9s56k0&signed_in=false&libraries=places"></script> <script type="text/javascript" src="//googlemaps.github.io/js-marker-clusterer/src/markerclusterer.js"></script> <div id="map-canvas-0" style="height: 100%; margin: 0; padding: 0;"></div> <script type="text/javascript"> var maps = []; function initialize_0() { var bounds = new google.maps.LatLngBounds(); var infowindow = new google.maps.InfoWindow(); var position = new google.maps.LatLng(36.5677206, 139.9033588); var mapOptions_0 = { center: position, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: false , scrollwheel: true }; var map_0 = new google.maps.Map(document.getElementById('map-canvas-0'), mapOptions_0); map_0.setTilt(90); var markers = []; var markerPosition_0 = new google.maps.LatLng(36.5677206, 139.9033588); var marker_0 = new google.maps.Marker({ position: markerPosition_0, title: '', animation: '' , icon: '' }); bounds.extend(marker_0.position); marker_0.setMap(map_0); markers.push(marker_0); var idleListener = google.maps.event.addListenerOnce(map_0, "idle", function () { map_0.setZoom(8); }); var markerClusterOptions = { imagePath: '//googlemaps.github.io/js-marker-clusterer/images/m', gridSize: 60, maxZoom: null , averageCenter: false , minimumClusterSize: 2 }; var markerCluster = new MarkerClusterer(map_0, markers, markerClusterOptions); maps.push({ key: 0, markers: markers, map: map_0 }); } google.maps.event.addDomListener(window, 'load', initialize_0); </script>

from googlmapper.

it worked ... Thank you !!

from googlmapper.

its worked ... Thank you !!

from googlmapper.