norihiro norihir0

Google Maps に大量のマーカを表示する - Too Many Markers!

Too Many Markers! - Google Maps API — Google Developers https://developers.google.com/maps/articles/toomanymarkers

のメモです。

Introduction

Some applications are required to display a large number of locations or markers. Despite the v3 JavaScript API's significant improvement to performance, naively plotting thousands of markers on a map can quickly lead to a degraded user experience. Too many markers on the map cause both visual overload and sluggish interaction with the map.

	import SwiftUI

	struct TabView: View {
	var views: [TabBarItem]
	@State var selectedIndex: Int = 0

	init(_ views: [TabBarItem]) {
	self.views = views
	}

	struct ContentView: View {
	var body: some View {
	TabView {
	NavigationView {
	NavigationLink(destination: Text("Next Page")) {
	BlueView()
	}
	}
	.navigationBarTitle(Text("Landmarks"))
	.tabItem {

	export const onCharactersMessageCreate = functions.firestore.document(`/${User.entity}/{userId}/${Message.entity}/{messageId}`).onCreate(async event => {
	const userId = event.params!.userId;
	const userRef = firestore.collection(User.entity).doc(userId);
	const tokenSnapshot = await userRef.collection(FcmToken.entity).get();
	const tokens = tokenSnapshot.docs.map(doc => { return doc.id; });
	const message = <Message> event.data.data();
	const title = (await new I18N('ja').notification())('newMessageTitle');
	const payload = notification.createPayload(
	title,
	message.text);


	import MapKit

	class ViewController: UIViewController {

	/* ドラッグの位置記憶用の変数 */
	var dragPoint: CGPoint?

	var mapView: MKMapView!
	override func viewDidLoad() {