Может кто-нибудь сказать мне, как я могу получить код для встраивания здесь? я просто не могу найти кнопку Embed, которая, на мой взгляд, должна быть на любом веб-сайте карты. По иронии судьбы, я делаю сайт здесь, поэтому мне не разрешено получать карту google. спасибоЗДЕСЬ Карты Вставить код
Для простой статической карты ЗДЕСЬ вы должны посмотреть на Map Image API - это вложит простую картинку. Однако, если вы хотите передвижную карту, вы можете использовать HERE Maps API for JavaScript в IFrame и передать уровень широты, долготы и масштабирования по вашему выбору, например. что-то вроде:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css"
href="http://js.api.here.com/v3/3.0/mapsjs-ui.css" />
<script type="text/javascript" charset="UTF-8"
src="http://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" charset="UTF-8"
src="http://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" charset="UTF-8"
src="http://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>
<script type="text/javascript" charset="UTF-8"
src="http://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 100%; background: grey" />
<script type="text/javascript" charset="UTF-8" >
/**
* Obtains a value from a query string
* @param {String} name key in the query string
* @return {String} value
*/
function getParameterByName(name) {
name = name.replace(/[\[]/, '\\\[').replace(/[\]]/, '\\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'),
results = regex.exec(location.search);
return results === null ? '' :
decodeURIComponent(results[1].replace(/\+/g, ' '));
}
/**
* Moves the map to display at agiven location
* @param {H.Map} map A HERE Map instance within the application
*/
function moveMap(map, location, zoom){
var lat = getParameterByName('lat'),
lng = getParameterByName('lng');
zoom = getParameterByName('zoom');
map.setCenter({lat: lat, lng: lng});
map.setZoom(zoom);
}
/**
* Boilerplate map initialization code starts below:
*/
//Step 1: initialize communication with the platform
var platform = new H.service.Platform({
app_id: '<YOUR APP ID>',
app_code: '<YOUR APP CODE>',
useHttps: true
});
var defaultLayers = platform.createDefaultLayers();
//Step 2: initialize a map - not specificing a location will give a whole world view.
var map = new H.Map(document.getElementById('map'),
defaultLayers.normal.map);
//Step 3: make the map interactive
// MapEvents enables the event system
// Behavior implements default interactions for pan/zoom (also on mobile touch environments)
var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
// Create the default UI components
var ui = H.ui.UI.createDefault(map, defaultLayers);
// Now use the map as required...
moveMap(map);
</script>
</body>
</html>
Iframe можно назвать указав ширину и высоту:
<iframe src=".../path-to-file/embed.html?lat=40.7057&lng=-73.9306&zoom=12" width="600" height="450" frameborder="0" style="border:0"></iframe>
В результате получается нечто вроде этого:
Конечно, вы могли бы добавить во всех обычных других вещах, таких как добавление маркеров и т. д., чтобы карта сделала то, что вы хотите, а не только то, что предлагает провайдер. Почему вы должны быть ограничены одним взглядом и чувством, предлагаемым поставщиком карт?
Спасибо большое! что ответили на мой вопрос :) –
Любая идея, как получить информационный пузырь? – Kailas
Я знаю, что это некропография здесь, но как наблюдение. в этом случае нам предстоит пройти долгий путь к тому, чтобы быть дружественным к разработчикам. это LOT активов для передачи на странице с минимальными результатами. –
Также ознакомьтесь с хорошей коллекцией примеров: heremaps.github.io/examples – joecks